Startseite | ExzerpteTutorial (SVG)Pfade (SVG) | Internetworx

Zuletzt bearbeitet am 3. Januar 2016

Pfade in SVG

Pfade ermöglichen vielerlei:

Siehe auch: MDN (Paths)

<path d="M 10 10 H 90 V 90 H 10 L 20 20" />

M 10 10: Move To (10,10), d.h. sich zu dem Punkt hin bewegen, an dem der Pfad beginnt.
H 90: Horizontal bis 90;
V 90: Vertikal bis 90,
H 10: Horizontal bis 10;
L 20 20: Line To (20,20)

Kurven

<path d="M 10 10 C 20 20, 40 20, 50 10" />