H5-path

例1：<path d="M100,300 T500,400" style="stroke-width:3px;stroke:#000000;fill:rgba(123,123,123,0.0);"/>

命令：

M 建立画线的起始位置

参数：（x, y）,表示当前的画线的起始坐标

 

L 从当前点出发到指定点画直线

参数：（x, y）,表示这条直线的终点坐标，也是从这点出发画新直线的起点

 

H 从当前点出发向指定坐标画横线

参数x表示这条横线终点的横坐标X值，纵坐标y和前一点的y坐标相同

 

V 从当前点出发向指定坐标画垂直线

参数y表示这条横线终点的纵坐标y值，横坐标x和前一点的x坐标相同

 

Z 直线回到画线的起始位置，整个图形形成一个闭合图形

 

C 画曲线

参数：（c1x c1y, c2x c2y, x y）

 

Q 画二次贝塞曲线

参数：（x,y x1,y1）

 

T 映射

参数：（x,y）

 

S 

参数：（x,y x1,y1）

 

A 画弧线

参数：

rx：弧的半长轴长度；

ry：弧的半短轴长度；

x-axis-rotation：此弧段所在的X轴与水平方向的夹角，即X轴的旋转角度；

large-arc-flag：此参数有两个值，分别为0和1。0代表小角度弧线，1代表大角度弧线；

 sweep-flag：此参数也有两个值，分别为0和1。1代表从起点到终点弧线绕中心顺时针方向，0代表逆时针方向；

x，y：弧线的终端坐标。