如何使用Javascript修改SVG标签中的图像标签?



如何使用Javascript修改SVG中的图像标签?

我有一个图像存储在SVG中,如下所示:

<svg height="666px" width="666px" viewBox="0 0 600 600">
<image id="changingImage" href="phone.png" x="69.0802" y="344.9714" height="28" width="28"></image>
</svg>

所以我从网上得到的建议,并尝试在我的脚本是抓取ID和更新源像这样:

document.getElementById("changingImage").src = "phone2.png";

那不起作用,所以我想了一下,意识到SVG中的图像标签不使用SRC,他们使用HREF。因此,我尝试了以下操作,但仍然不起作用:

document.getElementById("changingImage").href = "phone2.png";

有人知道如何使用javascript修改SVG内的图像,或者对我可以尝试什么有任何想法?

我想张贴与语法的答案谁可能有同样的问题。来自用户@enxaneta的建议工作,使用setAttribute。下面是基于上面示例的语法:

document.getElementById("changingImage").setAttribute("href", "phone2.png");

相关内容

  • 没有找到相关文章

最新更新