使用JS更改SVG的渐变

Changing SVG#39;s gradient using JS(使用JS更改SVG的渐变)

问题描述

我试图通过更改stop-color属性来更改以下SVG元素中渐变的停止颜色，但不起作用：

<svg><defs> 
<linearGradient gradientTransform="rotate(90)">
<stop offset="40%" stop-color="purple" id="firstGradient"/>
<stop offset="100%" stop-color="red" id="secondGradient"/>
</linearGradient>
</defs>
<Here's a long line of picture>
</svg>

我正在使用以下脚本语句尝试更改停止颜色：

document.getElementById("firstGradient").stopColor ="red";

我也尝试过document.getElementById("firstGradient").attr.stop-color = "red";。

这两种方法都不管用。如何更改停止颜色？

推荐答案

您是否尝试过：

document.getElementById("firstGradient").style.stopColor ="red";

这篇关于使用JS更改SVG的渐变的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！