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

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

(长这个样子)

svg 虚线

 

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

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

svg 虚线

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

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

 svg 虚线

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-08-24
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-09
  • 2021-06-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-30
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案