我知道如果你使用和img标签,你不能用css改变svg的颜色,而是应该让svg内联,但在我的例子中,我有多个大的svg,我想用javascript动态地改变颜色,所以让它们内联不是我最好的选择。 然后我读到了关于使用对象标签的内容,因为它应该可以工作,但在我的例子中却不能。 我已经读了一些其他的问题,但它们对我没有帮助。:How to access SVG elements with Javascript 5个svg中的1个: <?xml version="1.0" encoding="utf-8"?>
<!-- Generator:
我有一个svg文件,其中包含一系列路径元素。现在我想操纵它们,比如改变它的笔画颜色或宽度。
在浏览了其他帖子中的一些解决方案之后,下面是我正在做的事情
// Here is my object tag
// <object data="/sample.svg" id="mysvg" width="675" height="675"></object>
var svg = document.getElementById('mysvg');
var svgDoc = svg.contentDoc