Befehle zum Erzeugen von Linien
(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)
Linien lassen sich nicht nur mit der L-Anweisung erzeugen, sondern auch mit den beiden Anweisungen H und V, um gerade, horizontale oder senkrechte Linien zu erzeugen. Auch der M-Befehl kann dabei ganz hilfreich sein, um bspw. gestrichelte Linien zu erzeugen.
Die L-Anweisung hat die folgende Syntax:
L x y
Dabei definieren x und y den Zielpunkt der Linie, die sowohl als relative wie absolute Koordinaten angegeben werden können. Die Anweisungen H und V zeichnen nur gerade Linien. Das bedeutet, dass immer nur eine Koordinate angegeben werden muss, weil sich die andere nicht ändert. Die Syntax lautet:
H x
V y
Das erste Beispiel verwendet die Befehle zum Linien zeichnen dazu, einen Würfel zu zeichnen. Dazu werden zunächst die Linien für die vordere Fläche gezeichnet und diese mit z beendet. Anschließend werden die Kanten für die obere Fläche gezeichnet und dann wird mit dem M-Befehl zur hinteren rechten Ecke gesprungen, um die senkrechte Linie nach unten zu zeichnen.
<?xml version="1.0" standalone="no"?>
...
<svg width="500" height="500">
<g transform="translate(100,100)">
<path d="M 0 0 v+100 h+100 v-100 z l+50-50 h+100 l-50 +50 m+50 -50 v+100 l-50 +50" style="fill:none;stroke:black"/>
</g>
</svg>
Wenn Sie den Code ausführen, wird im Browser der Würfel wie folgt dargestellt:
Abbildung: Der erzeugte Würfel.
Wie Sie hier schon gesehen haben, können Sie den M-Befehl auch verwenden, um zu einer neuen Position zu springen. Auf diese Weise können Sie bspw. gepunktete und gestrichelte Linien erstellen. Die Anweisung:
<path d="M10 30 h+20 m+20 0 h+20 m+20 0 h+20 m+20 0 h+20" style="stroke:rgb(0,0,0)"/>
erzeugt die gestrichelte Linie in der folgenden Abbildung.
Abbildung: Erzeugte gestrichelte Linie.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de