Как правильно ссылаться на внешний файл SVG в SVG?
Привет, я работаю над картой SVG / JS, которая состоит из многих маленьких графических графиков SVG (городские районы). Я положил каждую графику в собственный файл, чтобы мой основной файл SVG по-прежнему будет поддерживаться и не раздуваться.
Как я могу ссылаться на внешний файл SVG из другого SVG правильно?
Ожидаемый результат: Откройте 1.SVG в браузере и увидеть синий прямоугольник. Как это должно работать: W3C: используйте элемент
, так что это то, что я пробовал: 1.SVG:
Другой .svg:
style.css
.blue { fill: blue; }
Результат:
- Firefox: синий прямоугольник (именно то, что я хотел)
- Chrome: Нет
- Opera: Black Прямоугольник
Примечание. Я попробовал его с элементом изображения, но это не сработало с таблицами стилей, т.е. я получил черный прямоугольник, не синий.
Важно: Когда вы хотите ссылаться на другой SVG и хотеть иметь ссылку SVG быть частью формальной структуры документов, вы можете использовать AJAX для этого Отказ