动态更改嵌入 svg 图像的颜色

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

您可以从 元素中获取引用的 svg 的 DOM，但不能从 元素中获取。另见How do you access the contents of an SVG file in an <img> element?

Answer 2

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

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