创建 SVG 并改变它的颜色

问题描述 投票:0回答:0

我正在尝试使用 Javascript 创建一个 SVG 图标,之后,我希望将 SVG 图标颜色更改为红色,但我在这里遇到了一些问题

这是我的代码=>

const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute("width", "24");
svg.setAttribute("height", "24");

const use = document.createElementNS("http://www.w3.org/2000/svg", "use");
use.setAttributeNS("http://www.w3.org/1999/xlink", "href", "/src/contents/icon.svg");

svg.appendChild(use);


document.querySelector('#myCode').appendChild(svg);
document.querySelector('#myCode').setAttribute("fill", "red");
<span id="myCode"></span>

你不会看到显示的图标,因为我使用的是内部图标图像,但在我的服务器中,图标没有显示,没有错误,我不知道为什么会这样......

你能帮帮我吗?

谢谢

javascript css
© www.soinside.com 2019 - 2024. All rights reserved.