SVG 常用语法

参考https://www.w3.org/TR/svg-paths/

这里只记录当前我需要用到的几个命令，更多请参考https://www.w3.org/TR/svg-paths/
M：相当于moveto()[参数x,y] 移动到（启动一个新子路径），如果跟随多对坐标，视为隐线命令。
L : 相当于 lineto [参数x,y] 从当前点到给定的点（x,y）,给定的点成为当前点，多个坐标对可指定绘制折线。在命令的结尾处，新的当前点被设置为所提供的最后一组坐标。
H:相当于hlineto()[参数x]从当前点绘制一条水平线,可以提供多个x值（尽管这通常没有意义）。H或h命令相当于L或l命令，其中0指定为y坐标。在命令的结尾，新的当前点取自最后的坐标值。
V:相当于vlineto()[参数y]从当前点绘制一条垂直线，详细同H。
C:绘制三次贝塞尔曲线（Bézier）[参数x1,y1,x2,y2,x3,y3].可以指定多组坐标来绘制
S:同样也是三次贝赛尔曲线，较C更加平滑[参数x1,y1,x2,y2,x3,y3].可以指定多组坐标来绘制
Q：绘制二次贝塞尔曲线[参数x1,y1,x2,y2]可以指定多组坐标来绘制
T:同样也是二次贝塞尔曲线，较Q更平滑
A：绘制弧形 [参数rx,ry x-axis-rotation large-arc-flag,sweepflag x,y]
rx ry表示画弧的半径, x-axis-rotation 表示沿x轴旋转角度, large-arc-flag为0时表示取小弧线,为1时表示取大弧线sweepflag为0时表示逆时针方向画弧,为1时表示顺时针方向画弧. x,y表示终点目标的坐标,dx,dy表示起到到终点相对坐标距离.
Z：相当于closepath() 闭合路径，不区分大小写