Javascript 使用d3向路径元素添加渐变背景

我想知道我是否可以在svg的路径元素中添加渐变背景

我找到了一个解决方案，但它很难实现。我在寻找一个更简单的本地解决方案

这就是我发现的实现： 1.向svg元素添加如下内容：

<defs>
   <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
   </linearGradient>
</defs>

完成了

我希望“更简单”的解决方案只对path元素应用css。 比如：

stroke: -webkit-linear-gradient(red, blue);

有这样的方法吗？

总之，没有。请参见例如或SVG规范。

stroke: -webkit-linear-gradient(red, blue);