javascript - 使用 JavaScript 更改 SVG 图像颜色

标签 javascript svg

我正在尝试使用 javascript 更改 svg 图像颜色。这可能吗?我可以将它作为对象加载,然后以某种方式访问​​颜色/图像数据吗?

非常感谢每个回复或提示!

最佳答案

当然,这是一个示例(省略了标准 HTML 样板文件):

<svg id="svg1" xmlns="http://www.w3.org/2000/svg" style="width: 3.5in; height: 1in">
  <circle id="circle1" r="30" cx="34" cy="34" 
            style="fill: red; stroke: blue; stroke-width: 2"/>
  </svg>
<button onclick="circle1.style.fill='yellow';">Click to change to yellow</button>

关于javascript - 使用 JavaScript 更改 SVG 图像颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9872947/

相关文章:

javascript - 使用网络音频 API 在以毫秒为单位的指定持续时间后停止播放声音

javascript - Google map /TypeScript - 无法一致识别 google.maps.Place

javascript - Angular 服务参数错误

javascript - 下划线 : Array of objects to flat object. 有什么魔力?

SVG 嵌套 <svg> 与组

javascript - IE7 上的 jquery 删除方法有问题吗?

javascript - Jquery 与 css 的悬停不同

android - 如何在 Android 中以编程方式为图像添加阴影?

javascript - 是否可以创建 React-native 组件的索引并将它们作为 prop 有条件地传递?

java - 如何打印 R 的 svg() 输出而不是写入文件?