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（底部是开始并围绕圆圈到顶部完成）。正如你所看到的，gradiend应用于所有的polyform，但我需要它在我绘制它时才是渐变的。

有没有选择让霓虹灯发光线像我需要的那样？ 为了更好地理解 - 我试图获得类似于名为＆＃34;发光线＆＃34;的默认Windows屏幕保护程序的效果。

Answer 1

无法沿着线条笔划的长度应用linearGradient。

唯一可行的方法是绘制一系列逐渐淡出的单独彩色线条/路径段。