Der defs-Tag der SVG-Datei

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

Der <defs>-Tags ist Ihnen bereits ein paar Mal begegnet, ohne dass er näher erläutert wurde. Das soll nun nachgeholt werden. In größeren oder komplexeren SVG-Dokumenten, die Filter, Verläufe oder auch Füllmuster verwenden, müssen diese natürlich irgendwo definiert sein. Dazu gibt es den <defs>-Bereich, der am Anfang der SVG-Datei stehen sollte. Es ist zu empfehlen den <defs>-Tag gleich nach dem <svg>-Tag zu definieren und nach dem </defs>-Tag die eigentlichen, sichtbaren Inhalte der SVG-Datei unterzubringen.

Damit sind wir auch schon bei den Eigenschaften des <defs>-Abschnitts angelangt. Im Gegensatz zu Elementen, die Sie direkt innerhalb von <svg></svg> definieren, werden die im <defs>-Bereich definierten Elemente nur sichtbar, wenn sie verwendet werden. Ein gültiges <svg>-Dokument könnte bspw. mit <defs>-Bereich wie folgt aussehen:

<?xml version="1.0"?>
...
<svg width="7.5cm" height="5cm">
  <defs>
    <filter>
      ...
    </filter>
    <linearGradient>
      ...
    </linearGradient>
    <pattern>
      ...
    </pattern>
  </defs>
  <rect x="1" y="1" width="198" height="118" style="fill:#888888; stroke:blue"/>
  <g>
    ...
  </g>
</svg>

   

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