使用d3将渐变背景添加到path元素

Question

我想知道我是否能以某种方式将渐变背景添加到svg中的path元素。

我找到了一个解决方案，但它会非常“难以”。实施。我寻找一种更简单的原生解决方案。

所以这是我发现的实现： 1.添加svg元素，如下所示：

$this->form->getElement('Firstname')->setValue('FRANK');

2。添加到路径元素这样的属性：

<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>

完成。

我希望＆＃39;更容易＆＃39;解决方案将仅将css应用于path元素。 类似的东西：

stroke: url(#grad1);

有没有这样的方法？