Question

我正在尝试实现SVG徽标，并希望动态更改事件的颜色。

目前我只是嵌入了它：

<embed class="logo" src="images/logo.svg" type="image/svg+xml"    pluginspage="http://www.adobe.com/svg/viewer/install/" />

然后我使用这段jQuery来为img标签切换嵌入式webkit浏览器支持。

if ($.browser.webkit) {
            $(".logo").replaceWith("<img class=logo src=images/logo.svg type=image/svg+xml pluginspage=http://www.adobe.com/svg/viewer/install/ />")
            }

是否可以使用此实现来操纵SVG的填充颜色？

干杯

Answer 1

您可以从＆lt; embed＆gt;获取引用的svg的DOM元素，但不是来自＆lt; img＆gt;元件。另请参阅How do you access the contents of an SVG file in an <img> element?

Answer 2

其他问题/答案建议使用getSVGDocument方法，但它似乎仅适用于Firefox：http://jsfiddle.net/mihaifm/Kqd89/

要么我做错了，要么问题的回答是否。

动态更改embed svg图像的颜色

2 个答案: