Как в svg-документ вложить объекты из другого файла?

Рейтинг: 1Ответов: 1Опубликовано: 23.12.2014

Кратко суть проблемы: имеется порядка сотни svg-файлов, в которых часть элементов повторяется. Можно ли эту повторяющуюся часть хранить в отдельном файле и загружать в эти svg? Пример кода:

<g id="1">
 <path .../>
</g>
<g id="2">
 <path .../>
</g>

Требуется, к примеру, группу 1 вычленить из текущего документа и вставлять сюда из другого файла.

xml svg
Источник: Stack Overflow на русском

Ответы

▲ 3Принят

Для многократного использования части кода SVG из одного файла в других файлах применяется команда

<use xlink:href="lib.svg#g1" x="15" y="15" />

где, lib.svg - файл, в котором находится группа 1 с присвоенным id="g1" (имя должно начинаться с буквы, но не с цифры). Для повторного использования части кода в том же файле:

<use xlink:href="#g1" x="15" y="15" />