svg可以做很多事情，如今和canvas在web开发中使用越来越多。默认svg画图，如果是空白填充，最后展示的形状线条是实线。
今天介绍一个属性，可以上画出的图形显示虚线。这个属性就是stroke-dasharray，一般给两个值，如下所示：
<!doctype html>
<html>
<head>
<meta charset=“utf-8”/>
<title>svg demo</title>
</head>
<body>
<h2>svg stroke with dashed line</h2>
<svg width="1000" height="500">
<rect x=20 y=20 width=100 height=100 stroke="gray" fill="white" stroke-width="2" stroke-dasharray="10 10"></rect>
<circle cx=70 cy=200 r=50 stroke="gray" fill="white" stroke-width="2" stroke-dasharray="2 2"></circle>
</svg>
</body>
</html>最终的效果：
stroke-dasharray="2 2"表示的意思是，虚线宽2，间隔是2，默认像素单位。