svg通过虚线画形状

    svg可以做很多事情，如今和canvas在web开发中使用越来越多。默认svg画图，如果是空白填充，最后展示的形状线条是实线。

    今天介绍一个属性，可以上画出的图形显示虚线。这个属性就是stroke-dasharray，一般给两个值，如下所示：

   
       
       
   
   
       
svg stroke with dashed line
      
  
 

    最终的效果：

  

    stroke-dasharray="2 2"表示的意思是，虚线宽2，间隔是2，默认像素单位。