Élément <symbol> SVG

L'élément <symbol> de SVG est utilisé pour définir des symboles réutilisables. Les formes imbriquées dans <symbol> ne sont pas affichées sauf si elles sont référencées par un élément <use>.

L'élément symbol de SVG est utilisé pour définir un objet modèle graphique réutilisable. Il peut être exemplifié par un élément <use>. L'élément symbol joue un rôle dans la graphique en permettant de réutiliser plusieurs fois le même document, en ajoutant de la structure et de la sémantique. Un document structuré de manière riche peut être présenté de manière plus vivante, comme dans des discours ou en braille, ce qui améliore l'accessibilité. Notez que l'élément symbol lui-même n'est pas affiché. Seuls les exemples de l'élément symbol (c'est-à-dire, un élément <use> qui fait référence à un symbol) peuvent être affichés.

Exemple de symbole

Ceci est un exemple simple de symbole symbol :

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

L'élément <symbol> a besoin d'un id pour que l'élément <use> puisse le faire référence.

reserveAspectRatio et viewBox

L'élément <symbol> peut avoir les propriétés prepareAspectRatio et viewBox. 　L'élément <g> ne peut pas avoir ces deux propriétés. Par conséquent, par rapport à l'utilisation de l'élément <g> à l'intérieur de l'élément <defs>, l'élément <symbol> pourrait être une meilleure méthode pour réutiliser les formes.