Die Pfad-Befehle im Überblick

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Neben bisher verwendeten Pfad-Befehlen gibt es noch eine ganze Reihe mehr. Daher sollen nachfolgend alle Befehle ausführlich anhand von Beispielen erläutert werden. SVG unterstützt die folgenden Pfadbefehle:

• M (Moveto), springt zu der als Parameter angegebenen Position. Normalerweise wird dieser Befehl eingesetzt, um die Startposition des Pfades zu definieren. Sie können ihn aber auch innerhalb des Pfades einsetzen, um zu einer anderen Position zu springen. Auf diese Weise lassen sich bspw. gestrichelte Linien erzeugen.
• Z (Closepath), schließt den Pfad, indem eine gerade Linie zum Anfang des Pfades gezogen wird. Ob Sie Z oder z schreiben spielt dabei keine Rolle.
• L (Lineto), zeichnet eine Linie zu als Parameter angegebenen Position.
• H (Horizontal Lineto), erzeugt eine horizontale Linie.
• V (Vertical Lineto), erzeugt eine vertikale Linie.
• C (Curveto), zeichnet eine kubische Bézierkurve.
• S (Shorthand/Smooth Curveto), zeichnet eine kubische Bézierkurve
• Q (Quadratic Bézier Curveto), erstellt eine quadratische Bézierkurve.
• T (Shorthand/smooth quadratic Bézier curveto), erzeugt eine quadratische Bézierkurve
• A (Elliptical Arc), erzeugt eine elliptische Kurve.

Der Moveto-Befehl

Mit dem Moveto- oder M-Befehl können Sie zu einer bestimmten Position innerhalb des Pfades springen und haben damit die Möglichkeit, Positionen zu wechseln, ohne dazu einen neuen Pfad beginnen zu müssen. Die Syntax ist denkbar einfach:

M x y

Wobei x/y den Zielpunkt des Sprungs bestimmen.

Der ClosePath-Befehl

Mit dem Z-Befehl können Sie einen Pfad schließen. Er kann wie der M-Befehl auch mehrfach innerhalb eines Pfades verwendet werden. In diesen Fall schließt er die Pfade mit der Position des letzten M-Befehls vor dem Z-Befehl. Der Befehl hat keine Parameter und wird daher einfach mit Z angegeben.

   

<< zurück

vor >>