6.4Das <symbol>-Element

Ein Symbol ist vergleichbar mit einer Gruppe. Auch hier stehen innerhalb der <symbol>-Klammerung diverse SVG-Objekte, wie etwa Kreise, Pfade oder Bilder. Der Unterschied zur Gruppierung besteht allerdings darin, daß das Symbol niemals gerendert wird. Außerdem steht es gewöhnlich im Definitionsabschnitt. Der große Vorteil des Symbols besteht in Verbindung mit dem <use>-Element (siehe  Das <use>-Elemente) in seiner Wiederverwendbarkeit. Das bedeutet, daß ein Symbol nur einmal definiert und mit Hilfe des <use>-Elements beliebig oft referenziert werden kann.  Listing 6-3 greift das vorherige Beispiel aus dem Kapitel  Gruppierungen auf und ersetzt die Gruppierung durch ein Symbol.

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <symbol id="sym" style="stroke:black;stroke-width:3px">
      <rect x="10" y="10" height="75" width="150" fill="red" />
      <rect x="25" y="25" height="75" width="150" fill="blue" />
    </symbol>
  </defs>
  <!-- SVG-Code, der mittels <use>-Element das Symbol referenziert -->
</svg>