Pfade automatisch schließen lassen

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

Bei den bisherigen Beispielen, bei denen ein komplettes geschlossenes Objekt erstellt wurde, wie bspw. die Krone unter Komplexere Objekte zeichnen, wurde der Pfad manuell geschlossen, das heißt, der letzte Befehl endete am Anfang des Pfades.

Es gibt aber eine sehr einfache Möglichkeit, einen Pfad einfach schließen zu lassen. Dazu schließen Sie den Pfad einfach mit z ab. Das folgende Beispiel erzeugt mit nur zwei Linien ein Dreieck, indem nach der letzten Linie der Pfad mit z geschlossen wird.

<path d="M200 200 L300 150 L50 50 z" style="stroke-miterlimit:4;stroke-linejoin:miter;stroke-linecap:round;stroke-width:1;stroke-opacity:1;stroke:rgb(0,0,0);fill-opacity:1;fill:none;opacity:1"/>

Das Ergebnis sieht dann im Browser wie folgt aus:

Ein automatisch geschlossener Pfad

Abbildung: Ein automatisch geschlossener Pfad.

   

<< 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