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

Question

我正在尝试实现一个 SVG Logo ，并希望在事件中动态更改它的颜色。

目前我只是将其嵌入:

<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?