Html SVG多段线渐变仅应用于笔划

我是svg绘图新手

是否有任何选项可以使用渐变对svg进行着色？我只需要给笔划上色，但我创建的所有过滤器都将渐变应用于笔划和身体

事实上，我正试图使辉光霓虹灯效果如下：当我画一条严格的线时，它现在可以很好地使用下面的代码：

<linearGradient id="grad">
    <stop offset="0%" stop-color="#ffd95d"/>
    <stop offset="100%" stop-color="#ffd95d" stop-opacity="0" />
</linearGradient>

但当我一圈一圈地画一条线时，它看起来像： （底部为起点，围绕圆圈至顶部，即终点）。正如您所看到的，gradiend应用于所有多边形，但我需要在绘制它时只对其进行线性渐变

是否有任何选项，使霓虹灯辉光线像我需要它？

---

为了更好地理解，我试图获得类似于默认Windows屏幕保护程序“发光线条”的效果。

无法沿线条笔划的长度应用线条半径

---

唯一的方法是绘制一系列单独着色的直线/路径段，这些线段慢慢淡出。

绘制渐变的对象的标记是什么样子的？如果对象按您想要的方式绘制，它会是什么样子？