svg命令的疑惑

Question

<path d="M10 10 H 90 V 90 H 10 L 10 10"/>
为什么能画出矩形呢？

M10 10 是移动到(10,10)这个点，H90呢？是往右把，然后V90向下90，这时H10我就一脸懵逼了，怎么可能画出矩形呢？

Answer 1

1. M10 10 : 移动到(10,10) --> 矩形的左上角
2. H 90 : 从当前点画一条平行线，到90这个位置 --> 画了矩形的上边的边
3. V 90 : 从当前点画一条垂直线，到90这个位置 --> 画了矩形的右侧的边
4. H 10 ：从当前点画一条平行线，到10这个位置 --> 画了矩形的底下的边
5. L 10 10：从当前点画一条线段，到(10,10)这个位置 --> 画了矩形的左侧的边

参考链接:
svg之path详解
SVG <path>