梯度服务器作为SVG中的外部文件
梯度服务器作为SVG中的外部文件
提问于 2009-07-09 13:50:56
可能重复： 在SVG中包含SVG文件
SVG中的fill属性接受一个url指向一个梯度/模式元素，这是一个所谓的“画图服务器”的实例。
问题:在任何浏览器(当然不是IE )中，是否可以使用在外部SVG文件中定义的渐变？比如，在rect.svg，
<rect fill="url(grad.svg#my_grad)" />和相应的<linearGradient />元素在grad.svg中
那就太好了，因为这样我们就可以将所有的梯度/模式存储在一个文件中，并得到缓存的.
干杯,
更新：这个问题的含义是在SVG中包含SVG文件的一个副本(在这里，这个问题至少对火狐是有答案的)。我保持开放，因为我认为标题和标签更有可能被，嗯，你找到。
回答 2
Stack Overflow用户
回答已采纳
发布于 2009-07-10 05:54:16
SVG规范只是声明您可以使用URI -所以应该是可能的。当然，浏览器支持是另一回事。
我刚刚写并测试了一个小样本文件。
它在Inkscape中不起作用，但它适用于。
为了支持浏览器，我将文件上传到browsershots.org并进行总结:有些浏览器确实支持外部梯度，有些则不支持。例如：
- Firefox 3.0否
- Firefox 3.5是
- 歌剧9.64，10.0是
- 狩猎4无
- Chrome 2.0 NO
Stack Overflow用户
发布于 2009-07-09 13:59:04
如果我理解正确，请将url更改为
<rect fill="url(grad.svg?param=my_grad" />然后动态生成svg？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1104024
复制相关文章
相似问题
腾讯云开发者
