borisbaer: SVGs in MVC-Framework organisieren

Beitrag lesen

Hallo Gunnar,

Wenn du dir den Pfad anschaust (der SVGPathEditor ist ein gutes Tool dafür), dann siehst du, dass der letzte Punkt unsinnig ist. Du kannst den Pfad mit z schließen.

danke für den Hinweis mit dem Tool! Ich werde bei Gelegenheit damit herumexperimentieren.

Und der erste Punkt ist auch überflüssig; du kannst gleich mit der „runden Ecke“ beginnen:

<path class="a" d="m272 240 a32 32 0 0 1 -32 32 h-192 a32 32 0 0 1 -32 -32 v-192 a32 32 0 0 1 32 -32 h192 a32 32 0 0 1 32 32z"/>

Aber warum path? Ein Rechteck rect kann runde Ecken haben:

<rect x="16" y="16" width="256" height="256" rx="32" />

Ich kann nicht viel dazu sagen. Adobe Illustrator übernimmt die Arbeit für mich. Bin nicht firm genug in SVGs, aber womöglich erklärt sich’s hier.

Grüße
Boris

0 38

SVGs in MVC-Framework organisieren

borisbaer
  • php
  • svg
  1. 0
    Gunnar Bittersmann
    1. 0
      Der Martin
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunnar Bittersmann
          • performance
          • php
        2. 0
          Rolf B
          1. 0
            Gunnar Bittersmann
            • php
            • programmierstil
            1. 0
              Rolf B
          2. 0
            borisbaer
    2. 0
      borisbaer
      1. 0
        Gunnar Bittersmann
        • barrierefreiheit
        • css
        • ux
        1. 0
          Gunnar Bittersmann
          • barrierefreiheit
          • html
        2. 0
          Gunnar Bittersmann
          • design
          • formulare
          • ux
        3. 0
          Gunnar Bittersmann
          • css
          • design
          • ux
        4. 0
          borisbaer
          1. 0
            Gunnar Bittersmann
            • ux
          2. 0
            Der Martin
            1. 1
              Tabellenkalk
              1. 0
                Gunnar Bittersmann
                1. 0
                  Tabellenkalk
                  1. 0
                    Gunnar Bittersmann
                    • menschelei
        5. 0
          borisbaer
          1. 1
            Gunnar Bittersmann
            • design
            • ux
            • zitat
            1. 0
              Gunnar Bittersmann
              1. 0
                Robert B.
                1. 0
                  Der Martin
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    Robert B.
                    • design
                    • offtopic
                    • ux
  2. 0
    Gunnar Bittersmann
    • svg
    • tools
    1. 0
      borisbaer
  3. 1
    Rolf B
    1. 0
      Matthias Scharwies
      1. 0
        Rolf B
        1. 0
          Matthias Scharwies
          1. 0
            Rolf B
            1. 0
              Matthias Scharwies
              1. 0
                Rolf B
      2. 0

        SVG: use-element + css-animation

        Matthias Scharwies