Элемент SVG <symbol>

Элемент <symbol> SVG используется для определения повторно используемого символа. Шapes, вложенные в <symbol>, не будут отображаться, если их не ссылается на элемент <use>.

Элемент symbol используется для определения шаблона графического объекта, который можно использовать с помощью элемента <use>. Функция элемента symbol заключается в повторном использовании графиков в документе, добавлении структуры и семантики. Структурированные документы могут быть более динамичными, как лекции или шрифт Braille, что повышает доступность. Обратите внимание, что элемент symbol сам по себе не отображается. Отображается только пример элемента symbol (т.е., элемент <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> не может иметь этих свойств. Таким образом, по сравнению с использованием элемента <g> внутри элемента <defs>, элемент <symbol> может быть лучшим способом повторного использования форм.