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

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

 

 

posted @ 2018-01-11 17:22  z春眠不觉晓z  阅读(2863)  评论(0编辑  收藏  举报