svg图片怎么动态修改填充色

要动态修改SVG图片的填充色，可以使用JavaScript来实现。以下是一种可能的实现方法：

1. 在HTML中将SVG代码嵌入到一个元素中，比如一个div：

<div id="my-svg">
  <svg width="100" height="100">
    <rect x="10" y="10" width="80" height="80" fill="#000"></rect>
  </svg>
</div>

2. 使用JavaScript获取SVG元素和需要修改的填充色：

var svg = document.querySelector('#my-svg svg');
var rect = svg.querySelector('rect');
var newFill = '#f00'; // 新的填充色

3. 修改填充色：

rect.setAttribute('fill', newFill);

4. 如果需要动态更新填充色，可以将修改填充色的代码包装在一个函数中，并使用定时器或事件监听器来触发函数。例如，每隔一段时间修改一次填充色：

setInterval(function() {
  var newFill = getRandomColor(); // 随机生成一个新的填充色
  rect.setAttribute('fill', newFill);
}, 1000); // 每隔1秒钟修改一次填充色

这样，就可以动态地修改SVG图片的填充色了。