SVG折线渐变仅适用于笔划

Question

我是 svg 绘图的新手。

是否有任何选项可以使用渐变为 svg <polyline> 着色？我只需要对笔画进行着色，但我创建的所有滤镜都将渐变应用于笔画和身体。

事实上，我正在尝试制作像这样的发光霓虹灯效果：http://screencloud.net/v/j2hE，当我画一条严格的线时，它现在可以正常使用下面的代码：

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

但是当我逐圈画一条线时，它看起来像： http://screencloud.net/v/9M6x（底部是开始，围绕圆圈到顶部完成）。如您所见，渐变适用于所有多边形，但我需要在绘制时仅对线条进行渐变。

是否有任何选项可以制作我需要的霓虹灯线？ 为了更好地理解 - 我试图获得类似于名为“发光线”的默认 Windows 屏幕保护程序的效果。

Answer 1

无法沿线条笔划的长度应用线性渐变。

您可以做到的唯一方法是绘制一系列单独颜色的线/路径段，这些线段会慢慢淡出。