Zum Inhalt springen
uencoder

SVG Path

Ein SVG-Pfad beschreibt die Kontur einer Vektorgrafik mit einer Befehlskette im Attribut d (M/L/C/Z usw.); er ist das mächtigste SVG-Formelement.

Zweck

Beliebige Vektorpfade (Linien, Kurven, Bögen) mit einer kompakten Befehlskette für Icons, Diagramme und Animation beschreiben.

Mechanismus

Das Attribut d enthält eine Befehlsfolge: M/m = moveto (absolut/relativ), L/l = lineto, C/c = kubische Bézier, Q/q = quadratische Bézier, A/a = Bogen, Z/z = Pfad schließen. Jeder Befehl nimmt Koordinatenparameter.

Anwendungsfälle

  • Zeichnen von Vektor-Icons
  • Datenvisualisierung
  • Kartenpfade

Verwandte Tools

References