SVG <symbol>-Element

Das SVG <symbol>-Element wird verwendet, um wiederverwendbare Symbole zu definieren. Es wird nicht angezeigt, dass die in <symbol> eingebetteten Formen vorhanden sind, es sei denn, sie werden durch ein <use>-Element referenziert.

Das Symbol-Element wird verwendet, um ein Grafikmusterelement zu definieren, das mit einem <use>-Element dargestellt werden kann. Die Funktion des Symbol-Elements für das Diagramm ist es, dasselbe Diagramm im Dokument mehrmals zu verwenden, um Struktur und Semantik hinzuzufügen. Dokumente mit reicher Struktur können lebendiger dargestellt werden, ähnlich wie Präsentationen oder Brailleschrift, was die Zugänglichkeit verbessert. Beachten Sie, dass ein Symbol-Element selbst nicht dargestellt wird. Nur die Beispiel (d.h. ein auf das Symbol referenzierendes <use>-Element) wird dargestellt.

Symbol-Beispiel

Dies ist ein einfaches Symbol-Symbol-Beispiel:

<svg width="500"　height="100">
　　　　<symbol　id="shape2">
　　　　　　　　<circle　cx="25"　cy="25"　r="25"　/>
　　　　</symbol>
　　　　<use　xlink:href="#shape2"　x="50"　y="25"　/>
</svg>

Das <symbol>-Element benötigt eine ID, damit das <use>-Element darauf verweist.

reserveAspectRatio und viewBox

Das <symbol>-Element kann die Eigenschaften prepareAspectRatio und viewBox haben. 　Das <g>-Element kann diese beiden Eigenschaften nicht haben. Daher könnte das <symbol>-Element möglicherweise eine bessere Methode zur Wiederverwendung von Formen sein als die Verwendung des <g>-Elements innerhalb des <defs>-Elements.