具有多行模式的SVG行

我需要一个SVG路径，它使用一条线，线的“模式”如下：5像素宽， 1个像素的绿线后接3个像素的白线，再接1个像素的绿线。我知道我可以通过使用绿色、白色和绿色以及小的偏移量绘制3条路径来完成它，但如果可能的话，我正在寻找一种一次性完成的方法

澄清：

---

想象一下，你有3支不同颜色的钢笔，它们绑在一起，这样你就可以把它们作为一支钢笔使用了。我想通过只指定一次路径数据来使用三色笔绘制任意路径。

我猜您的意思是图案沿着直线流动，就像在两条平行的绿线中一样。SVG不能一下子做到这一点。恐怕你需要用两行

---

我想你的意思是图案沿着直线流动，就像两条平行的绿线一样。SVG不能一下子做到这一点。恐怕你需要用两行

您可以通过定义一次基本

路径

，然后使用不同的

x

和

y

偏移和其他设置（例如

笔划

）多次使用该路径来实现“3笔效果”：

您可以通过定义一次基本

路径

，然后使用不同的

x

和

y

偏移和其他设置（例如

笔划

）多次使用该路径来实现“3笔效果”：

您可以使用@paul trick。画一条5px的绿线，然后在上面画一条白线。你能为下面的路径做一个演示吗：“M10 80 C 40 10，65 10，95 80 S 150 150，180 80”你可以使用@paul技巧。画一条5px的绿线，然后在上面画一条白线。你能为下面的路径做一个演示吗：“M10 80 C 40 10，65 10，95 80 S 150 150，180 80”我主要是画贝塞尔曲线-当然，重复它们会起作用，但我希望以更好的方式来做…添加了OPs要求的贝塞尔。我主要是画贝塞尔曲线-当然重复它们会起作用，但我希望以更好的方式来做…添加了OPs要求的贝塞尔。