所以上例可以写成这样，也能达到同样的效果
<path d="M10 10 H 90 V 90 H 10 Z" fill="none" stroke="blue"/>
同样，上例也可以通过相对定位的形式进行改写，效果是一致的
<path d="M10 10 h 80 v 80 h -80 Z" fill="transparent" stroke="blue"/>
曲线指令（Curve commands）
一说到曲线，那贝塞尔曲线是绕不开的，对于曾高数挂科的我来说是很排斥的，但好在闲着蛋疼，遂学之。
path标签中有两类贝塞尔曲线，一种叫做“三次贝塞尔曲线（cubic curve）“， 一种叫做”二次贝塞尔曲线（quadratic curve）“，这名字听起来就不接地气。
那先从三次贝塞尔曲线说起
C：该指令用于创建一个三次贝塞尔曲线，需指定三组参数
比如：
<path d="M10 10 C 20 20, 40 20, 50 10" stroke="black" fill="transparent"/>
首先，（20 20）和（40 20）表示控制节点，一个是描述曲线起始点的斜率，另一个是描述曲线终止点的斜率，最后一组（50 10）表示曲线的终点。总结一下这段示例，就是有一条从（10 10）到（50 10）的一条线段，通过设置两个控制点的斜率，使这条线段的各个点弯曲成正确的（符合斜率趋势的）曲线。
MDN上有多组曲线的对比示例。
