Question

我通过AngularJS插入SVG：

<embed embed-src="{{sportImage}}" type="image/svg+xml" class="svg sport-image" width="470" height="418" />

但是我无法通过CSS或JS改变svg或路径的填充。我猜测这是因为在API返回结果后加载了SVG。

任何提示？

Answer 1

您需要在发生<embed>的上传后进行更改。

<embed embed-src="{{sportImage}}" type="image/svg+xml" class="svg sport-image" width="470" height="418" onload="f()" id="something" />
<script>
    function f() {
        var svg = document.getElementById('something');
        var element = svg.getSVGDocument().getElementById("an-id-in-the-embedding");
        element.setAttribute("fill", "some-colour");
    }
</script>

更改动态加载的SVG的颜色

1 个答案: