Aufbau von Gruppen: Der g-Tag

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

Wie die vorherigen Abschnitte schon gezeigt haben, dient der <g>-Tag zum gruppieren von Elementen. Darüber hinaus bietet SVG auch Möglichkeiten, ein SVG-Dokument zu strukturieren. Dazu können Sie die Tags <desc>, <title> und das Attribut id verwenden. Mit dem Tag <desc> können Sie eine Beschreibung für eine Gruppe definieren, indem Sie den Tag vor der Gruppe einfügen. Mit <title> legen Sie einen Titel fest und mit dem Attribut id können Sie den Namen der Gruppe bestimmen.

Hinweis:
Die Tags <desc> und <title> sind allgemeingültig. Das heißt, Sie können Sie auch zum Erläutern anderer Elemente als dem <g>-Tag verwenden.

Der folgende Code zeigt dies. Er definierte eine Gruppe, die ein Symbol darstellen, das als Aufzählungszeichen dienen könnte. Es besteht aus vier Quadraten und wurde mit den Tags <desc> und <title> beschrieben.

<?xml version="1.0" standalone="no"?>
...
<svg width="500" height="500">
  <desc>Drei Quadrate, die als Aufzaehlungszeichen dienen!</desc>
  <title>aufz01</title>
  <g id="aufz01">
    <rect x="17" y="7" width="35" height="35" rx="0" ry="0" style="fill:rgb(255,64,64)"/>
    <rect x="36" y="22" width="42" height="42" rx="0" ry="0" style="fill:rgb(255,255,0) "/>
    <rect x="24" y="32" width="22" height="22" rx="0" ry="0" style="fill:rgb(64,64,255)"/>
  </g>
</svg>

Innerhalb eines <g>-Tags können Sie beliebige SVG-Elemente und auch untergeordnete Gruppen mit weiteren <g>-Tags definieren.

Vor- und Nachteile von Gruppen

Gruppen haben in SVG-Grafiken nicht nur Vorteile, sondern auch ein paar Nachteile. Die kommen aber erst zum Tragen, wenn Sie sie nicht sinnvoll einsetzen. Die Vorteile von Gruppen sind offensichtlich:

  • Zusammengehörende Elemente können nur gemeinsam verschoben werden
  • Gruppierte Elemente können einheitlich formatiert werden.
  • Sie können die gruppierten Elemente gemeinsam drehen oder ihnen Filtereffekte zuweisen.

Da gruppierte Elemente aber wie eine Einheit behandelt werden, können Sie bspw. einzelnen Elementen in der Gruppe keine Hyperlinks zuweisen, ohne dass Sie diese Hyperlinks als Elemente der Gruppe definieren müssen. Ansonsten bezieht sich der Hyperlink nämlich auf die komplette Gruppe, was ja nicht immer erwünscht ist.

   

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