Teile einer externen SVG-Grafik nutzen

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

Mit Hilfe von bestimmten SVG-Tags ist es außerdem möglich, auch Teile einer SVG-Grafik zu referenzieren und so in anderen SVG-Dateien zu nutzen. Dazu stellt SVG den <use>-Tag zur Verfügung. Darüber können Sie Elemente nutzen, die mit <svg>, <g>, <symbol> oder einfachen SVG-Grafikelementen wie <rect>, <line>, <circle> etc. definiert wurden. Sie können damit also jedes benannte Element als eine Art Vorlage nutzen, um daraus mit <use> eine Kopie zu erzeugen. Die Adresse bzw. den Namen des Elements geben Sie wieder mit dem xlink:href-Attribut an.

Hinweis:
Grundsätzlich unterstützt SVG auch die Verknüpfung mit SVG-Elementen in anderen SVG-Dateien. Dazu kann ein absoluter oder relativer Pfad angegeben werden. Leider ist es aber so, dass der Adobe SVG Viewer lediglich Verknüpfungen mit Elementen in der aktuellen Datei zulässt. Externe Verknüpfungen werden in der Version 1.0 und 2.0 noch nicht unterstützt. Dennoch zeigt das nachfolgende Beispiel, wie es funktionieren sollte.

<?xml version="1.0" standalone="no"?>
...
<svg width="430" height="330">
  <use x="20" y="20" xlink:href="symbolBttn.svg#bttn" />
</svg>

Das vorstehende Listing zeigt das Element bttn aus der Datei symbolBttn.svg an, indem es mit dem <use>-Tag in die Grafik eingebettet wird. Voraussetzung dafür ist, dass das Element bttn als <symbol>-, <g>- oder <svg>-Tag definiert ist. Wenn Sie das testen möchten, können Sie Batik 1.0 verwenden. Das Ergebnis sieht dann wie folgt aus.

Darstellung des Button-Symbols aus einer externen SVG-Datei in Batik

Abbildung: Darstellung des Button-Symbols aus einer externen SVG-Datei in Batik.

   

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