我的 SVG 文件的 defs 部分中有一个 linearGradient,并使用 fill="url(#myGradientName)" 引用它。到目前为止效果很好。
我想我应该能够将我的整个 defs 部分放在它自己的 SVG 文件中,然后从我所有的 SVG 图像中引用它。也就是说,类似:
样式.svg:
<svg xmlns=...>
<defs>
<linearGradient id="myGradient" ...>
</linearGradient>
</defs>
</svg>
图片.svg:
<svg xmlns=...>
<rect width="100" height="100" fill="styles.svg#myGradient"/>
</svg>
但我似乎无法应用这种风格。我对这个文件 (styles.svg#myGradient) 外部的 ID 有错误的语法吗?我是否需要先以某种方式明确包含该文件?
我一直在讨论 SVG 规范,看起来这应该是可能的,但没有一个例子真正表明它已经完成。
编辑:FOP FAQ建议正确的语法是 fill="url(grad.svg#PurpleToWhite)",但这在 Gecko 或 Webkit 中不起作用。这是正确的,没有人支持它,还是我做错了什么?