js实现改变svg的填充颜色

Sure, 您可以使用JS来实现改变SVG的填充颜色。您可以通过获取SVG元素，设置其fill属性的值来实现。以下是一个简单的代码示例：

// 获取SVG元素
const svgElement = document.getElementById("my-svg");

// 设置SVG填充颜色
svgElement.setAttribute("fill", "#FF0000");

希望这能帮到你！

相关问题

html能改变svg颜色吗

是的，HTML可以改变SVG颜色。可以通过CSS的fill属性来改变SVG的颜色，也可以通过JavaScript的方式来动态修改SVG的颜色。例如，可以使用以下CSS代码来改变SVG的颜色：

svg {
  fill: red;
}

这将使SVG中所有元素的填充颜色变为红色。同时，也可以使用JavaScript来动态修改SVG的颜色，例如：

document.getElementById("my-svg").style.fill = "blue";

这将使id为"my-svg"的SVG元素的填充颜色变为蓝色。

写一段js实现在svg上画一个圆，边缘红色，填充黄色，鼠标点击边缘变绿，填充变蓝

好的，这是一个简单的实现：

// 获取 SVG 元素
const svg = document.querySelector('svg');

// 创建圆形元素
const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
circle.setAttribute('cx', '50');
circle.setAttribute('cy', '50');
circle.setAttribute('r', '40');
circle.setAttribute('stroke', 'red');
circle.setAttribute('stroke-width', '2');
circle.setAttribute('fill', 'yellow');

// 将圆形元素添加到 SVG 中
svg.appendChild(circle);

// 添加鼠标点击事件
circle.addEventListener('click', (event) => {
  // 改变边缘颜色为绿色
  circle.setAttribute('stroke', 'green');
  // 改变填充颜色为蓝色
  circle.setAttribute('fill', 'blue');
});

以上代码会在 SVG 中创建一个圆形元素，边缘为红色，填充为黄色。当用户点击圆形时，边缘颜色会变为绿色，填充颜色会变为蓝色。