svg中点之间的路径的不同装饰

时间:2014-07-19 01:11:19

标签: svg

情况:有一个动态定义的路径,例如

<path class="view-sequence-path" marker-start="url(#svg-marker-start)" marker-end="url(#svg-marker-end)" d="M 649,340 Q741,314 699.5,308 Q658,302 702,289 Q746,276 708,251.5 Q670,227 706,210.5 Q742,194 700.5,187.5 Q659,181 681,156.5 Q703,132 674,125.5 Q645,119 658,105 L671,91"></path>

以平滑的方式连接点。所以,我想保持曲线的平滑度,但是要做一些不同的装饰,例如:破灭。最简单的方法是什么?

1 个答案:

答案 0 :(得分:1)

您可以定义custom strokedasharray以更改路径中的虚线模式。通常这些用于创建重复模式,但您可以定义一个等于路径长度的长模式,因此可以自定义到像素级别。