css - 渐变服务器作为 SVG 中的外部文件

<分区>

Possible Duplicate:
Include SVG file in SVG

SVG 中的 fill 属性接受一个指向渐变/图案元素的 url，即所谓的“绘画服务器”的一个实例。

问题:是否可以在任何浏览器(当然不是 IE)中使用外部 SVG 文件中定义的渐变？比如，在 rect.svg ,

<rect fill="url(grad.svg#my_grad)" />

和对应的<linearGradient /> grad.svg 中的元素？

那会非常好，因为这样就可以将他所有的渐变/图案存储在一个文件中并缓存...

干杯，

更新:这个问题，就其含义而言，是Include SVG file in SVG的重复。 (至少 Firefox 回答了这个问题)。我保持打开状态，因为我认为标题和标签更有可能被您找到。

最佳答案

SVG 规范只是声明您可以使用 URI - 所以它应该是可能的。浏览器支持当然是另一回事。

我刚刚编写并测试了一个小示例文件。

它在 Inkscape 中不起作用 - 但它确实适用于 Apache Batik 工具包。

对于浏览器支持，我将文件上传到 browsershots.org总结一下:有些浏览器确实支持外部渐变——有些则不支持。例如:

关于css - 渐变服务器作为 SVG 中的外部文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1104024/

相关文章：

html - CSS:扩展悬停