2

我正在尝试实现一个 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 的填充颜色？

干杯

4

2 回答 2

1

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

要么我做错了什么，要么问题的答案是否定的。

于 2012-04-15T13:29:57.743 回答
1

您可以从 <embed> 元素中获取引用的 svg 的 DOM，但不能从 <img> 元素中获取。另请参阅如何在 <img> 元素中访问 SVG 文件的内容？

于 2012-04-15T12:02:54.610 回答