عنصر SVG <symbol>

يستخدم عنصر SVG <symbol> لتحديد رموز قابلة للتكرار. ما لم يُستخدم بواسطة عنصر <use>، لن يُظهر الشكل المدمج داخل <symbol>.

العنصر symbol يستخدم لتحديد نموذج رسمي لاستخدامه في عدة مواضع في نفس المستند، ويضيف بنية ومعنى. يمكن أن يظهر مستند غني بالبنية بشكل أكثر حيوية، مثل النصوص الشفوية أو الشفوية، مما يزيد من قابلية الوصول. يرجى الانتباه، لا يظهر عنصر symbol نفسه. فقط يمكن عرض مثال على element (أي، عنصر <use> الذي يشير إلى symbol).

مثال على رمز

هذا مثال بسيط على رمز 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>

يحتاج عنصر <symbol> إلى id لكي يتم استدعاء <use>.

reserveAspectRatio و viewBox

يمكن لعنصر <symbol> أن يمتلك خصائص prepareAspectRatio و viewBox. 　<g> لا يمكن أن يمتلك هذين الخصائص. لذلك، قد يكون عنصر <symbol> أفضل طريقة لتكرار الأشكال مقارنة بـ استخدام عنصر <g> داخل عنصر <defs>.