У меня есть файл SVG, недавно экспортированный из Figma.
- Я не хочу вставлять его, потому что он используется в нескольких местах.
- Я не могу указать его как
<img src="..."> потому что мне нужно стилизовать его части.
Поэтому я попытался включить его следующим образом:
<svg>
<use xlink:href="http://example.com/myshape.svg"></use>
</svg>
Но это не работает.MDN состояния :
Элемент <use> получает узлы из документа SVG и дублирует их где-то еще.
Требуется узлы из документа.С SVG-спрайтами у вас есть <symbol> теги с id атрибутами и вы ссылаетесь на них с <use>, добавляя xlink:href="mysprite.svg#symbolid".Однако здесь мне нужно использовать весь документ, т.е. корневой узел.Есть ли способ сделать это?
Было бы также неплохо, если бы мне не нужно было редактировать исходный файл SVG, так как он загружен пользователем через панель администратора.Это просто файл, экспортированный из любой программы векторной графики.