我有一个div
,我的CSS中分配了背景图片。它是一个svg文件。有没有可能我可以访问改变颜色的路径,即使它是背景图像?
答案 0 :(得分:3)
您可以添加
<?xml-stylesheet type="text/css" href="svg-stylesheet.css" ?>
在SVG文件顶部的指令,然后在样式表中定义样式。
请参阅http://www.w3.org/TR/SVG/styling.html#ReferencingExternalStyleSheets。
答案 1 :(得分:0)
我不知道您是否可以访问外部链接的svg文件的路径(例如img
或object
标记),但如果您在页面中直接包含svg xml,则可以访问路径,所以你创建一个宽度,高度和宽度相同的第二个div。 x,y位置,在前景div下面给它一个z-index,并将svg xml放在背景div的旁边,你可以模拟你想要做的事情。
这是一个jsfiddle,显示如何使用JQuery通过获取ajax请求加载svg图像,更改路径样式,然后将修改后的svg xml嵌入到后台div中:
http://jsfiddle.net/webchemist/j2Dgq/
修改强>
jsfiddle更新到IE9工作,问题是跨站点ajax请求维基媒体不是内联svg ...