svg 虚线

用 svg 元素画出一条直线很简单,用 line 等元素都可以,可是画虚线的话,就需要一个属性:

stroke-dasharray: 1 2;  画1px 空2px

(长这个样子)

stroke-dasharray: 1 2 3;画 1px 空2px 画3px 空1px

(长这个样子,额,请倒过来看)

stroke-dasharray: 1 2 3 4; 画 1px 空2px 画3px 空4px

(长这个样子,额,请倒过来看)

 

原文地址:https://www.cnblogs.com/z-one/p/8269477.html