一尘不染

使用JavaScript更改SVG图像颜色

javascript

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

每一个回应或提示都将受到高度赞赏!


阅读 1944

收藏
2020-05-01

共1个答案

一尘不染

当然,这是一个示例(省略了标准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>
2020-05-01