使用Javascript按固定的垂直距离创建SVG路径

Question

我有一条SVG路径，就像上面的蓝色一样。如何创建一条与黑色路径相似的路径，并且该路径与黑色路径的每一侧之间都插入固定距离（红色）？
我尝试缩放path元素，但是每一行的距离都不相同

Answer 1

该线程对您有帮助吗？ https://stackoverflow.com/a/12723835/6852641

有一些不错的示例，例如http://jsfiddle.net/BbYV6/，它使用蒙版和笔触宽度来创建“偏移路径”效果

<mask id="myMask" maskUnits="objectBoundingBox">
  <use xlink:href="#text" fill="#FFFFFF" stroke="#000000" stroke-width="20" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="40"/>
</mask>