嗯，26个兄弟快凑齐了，马上就可以召唤神龙了。当然，path这条神龙在svg界就是“爸爸”，啥玩意都能给你弄出来，
想要通过path勾勒出美妙的图形，需要了解d这个属性，path标签中的d属性可以定义一系列的指令和参数，每一个指令通过一个字母来指定，比如上面说的M，它表示移动到，也就是"move to"的意思，比如让我们移动到（10, 10）的坐标点，就可以这样写：
<rect d="M10 10" />'
当然每一种字母都是区分大小写的，比如M是基于画布上的一个绝对坐标，而m则是基于上一个点的坐标，也就是相对坐标。比如有下面两种指令
<path d="M20,20 L40 40 M60 60 L80 80" fill="none" stroke="blue" stroke-width="5"/> <path d="M20,20 L40 40 m60 60 L80 80" fill="none" stroke="blue" stroke-width="5"/>
两个path唯一的区别就是第三个指令，一个是M60 60, 一个是m60 60
线段指令（Line commands）
- L：L指令会拿到两个参数，x坐标和y坐标，然后从当前位置到指定参数坐标位置来绘制线段
- H：H其实是horizontal的缩写，意为绘制出水平方向的线段，因为方向已确定，所以只需一个参数就能完成线段的绘制
- V：同H同理，只不过表示垂直方向（vertical）的线段绘制
比如用H和V来绘制一个矩形, 我们一步一步来
step1
<path d="M10 10 H 90" fill="none" stroke="blue"/>
