如何实现动态改变svg的填充色

如何实现动态改变svg的填充色，svg的填充色为渐变色，有知道伙伴告诉我一下，谢谢！

默认样式

鼠标滑过后

1.页面引入svg

2.css 样式鼠标滑过

用两组图片 添加事件就行了

该回答引用gpt
可以通过JavaScript代码来动态修改SVG的填充颜色。假如SVG元素的id为"my-svg"，并且填充颜色为渐变色，可以使用以下代码：

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

// 获取渐变元素
var gradient = svg.querySelector("linearGradient");

// 修改渐变元素的颜色
gradient.setAttribute("stop-color", "#new-color");

其中，#new-color是你想要修改的新颜色。这样，SVG填充颜色就会变为新的渐变色。