Повторное использование URI данных изображения несколько раз в том же документе SVG

Question

Я использую одно и то же изображение несколько раз в одном документе SVG. Встраивание одного и того же изображения в несколько раз по мере того, как uri данных с использованием xlink:href кажется ненужным надуванием файлов.

У меня в настоящее время есть: <image xlink:href="data:image/png;base64..." появляется несколько раз с одинаковыми данными uri.

Есть ли способ вставить данные uri в отдельный элемент svg, а затем связать все элементы image с этим, избегая дублирования данных?

Answer 1

Вы можете поместить изображение в символ, а затем указать <use> элементов на символ.