Schablonen verwenden

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

Um ein definiertes Symbol zu verwenden, nutzen Sie wieder den <use>-Tag und geben das zu benutzende Symbol mit dem Attribut xlink:href an. Wenn Sie die Größe skalieren oder das Objekt dabei drehen möchten, können Sie zusätzlich das transform-Attribut verwenden. Im folgenden Listing-Ausschnitt wurden die drei Kopien des Symbols smButton erzeugt und an unterschiedlichen Punkten in der Grafik angeordnet. Gleichzeitig wurden sie auf 70% ihrer ursprünglichen Größe reduziert.

<use x="0" y="0" xlink:href="#smButton" transform="translate(200 50) scale(0.7)"/>
<use x="0" y="0" xlink:href="#smButton" transform="translate(160 120) scale(0.7)"/>
<use x="0" y="0" xlink:href="#smButton" transform="translate(90 180) scale(0.7)"/>

Im Browser sieht das Ergebnis dann wie folgt aus:

Aus dem smButton-Symbol erzeugte Kopien

Abbildung: Aus dem smButton-Symbol erzeugte Kopien.

   

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