SVG：部分路径绘图

Question

我需要画一条虚线。我设置了初始和最终点，但我只需绘制此曲线的一部分。例如，从开始到预定义的百分比。有可能吗？

最好的问候

Answer 1

您可以使用虚线模式绘制线条的一部分。

＆＃13;

＆＃13;

<svg>
  <path d="M 0,50 L 300,50" stroke="#ddd" stroke-width="20"/>
  <path d="M 0,50 L 300,50" stroke="#d33" stroke-width="20"
        stroke-dasharray="200 100"/>
</svg>  

＆＃13;

＆＃13;

＆＃13;

Answer 2

是否可以改变最终点，以便它是您想要绘制的所需百分比，然后只绘制整行