У меня есть linearGradient в разделе defs моего SVG файла и ссылаюсь на него с помощью fill = "url (#myGradientName)". Это пока замечательно работает.
Я думаю, что я мог бы разместить весь раздел defs в собственном файле SVG, а затем просто ссылаться на все мои SVG-изображения. То есть, что-то вроде:
styles.svg:
<svg xmlns=...>
<defs>
<linearGradient id="myGradient" ...>
</linearGradient>
</defs>
</svg>
image.svg:
<svg xmlns=...>
<rect width="100" height="100" fill="styles.svg#myGradient"/>
</svg>
Но я не могу заставить стиль применять. У меня неправильный синтаксис для идентификаторов, внешних по отношению к этому файлу (styles.svg # myGradient)? Нужно ли мне явно включать файл в первую очередь?
Я просматривал спецификацию SVG, и похоже, что это должно быть возможно, но ни один из примеров на самом деле не показывает, что это делается.
Изменить: FOP FAQ предполагает, что правильный синтаксис fill = "url (grad.svg # PurpleToWhite)", но это не означает, т работать в Gecko или Webkit. Правильно ли это, и никто не поддерживает его, или я делаю что-то еще не так?