html的svg路径,svg path路径的介绍已经使用，看完就能灵活使用svg path路径

svg path的指令

path的指令有：

M = moveto(X,Y) ：将画笔移动到指定的坐标位置

L = lineto(X,Y) ：画直线到指定的坐标位置

H = horizontal lineto(X)：画水平线到指定的X坐标位置

V = vertical lineto(Y)：画垂直线到指定的Y坐标位置

C = curveto(X1,Y1,X2,Y2,ENDX,ENDY)：三次次贝赛曲线

S = smooth curveto(X2,Y2,ENDX,ENDY)：光滑三次次贝塞尔曲线

Q = quadratic Belzier curve(X,Y,ENDX,ENDY)：二次贝赛尔曲线

T = smooth quadratic Belzier curveto(ENDX,ENDY)：光滑二次贝塞尔曲线

A = elliptical Arc(RX,RY,rotatedeg,FLAG1,FLAG2,X,Y)：弧线

Z = closepath()：关闭路径

M,L,H,V指令

效果如下：

lineto用大写L和小写l的意义是不同的。

效果如下：