參考：http://www.reibang.com/p/c819ae16d29b
https://www.cnblogs.com/guxuelong/p/7743736.html
M = moveto —— M x y
移動到的點的x軸和y軸的坐標(biāo)L = lineto —— L x y
需要兩個參數(shù)，分別是一個點的x軸和y軸坐標(biāo)举庶，L命令將會在當(dāng)前位置和新位置（L前面畫筆所在的點）之間畫一條線段。H = horizontal lineto —— H x
繪制平行線V = vertical lineto —— V y
繪制垂直線C = curveto —— C x1 y1 x2 y2 x y
三次貝塞爾曲線
當(dāng)前點為起點炫狱，xy為終點，起點和x1y1控制曲線起始的斜率剔猿，終點和x2y2控制結(jié)束的斜率视译。S = smooth curveto —— S x2 y2 x y
簡化的貝塞爾曲線
（1）如果S命令跟在一個C命令或者另一個S命令的后面，它的第一個控制點归敬，就會被假設(shè)成前一個控制點的對稱點酷含。
（2）如果S命令單獨使用，前面沒有C命令或者另一個S命令汪茧，那么它的兩個控制點就會被假設(shè)為同一個點第美。
Q = quadratic Bézier curve —— Q x1 y1 x y
二次貝塞爾曲線Q
只需要一個控制點，用來確定起點和終點的曲線斜率陆爽。因此它需要兩組參數(shù)什往，控制點和終點坐標(biāo)。T = smooth quadratic Bézier curveto
Q命令的簡寫命令慌闭。</br>
與S命令相似别威，T也會通過前一個控制點，推斷出一個新的控制點驴剔。
（1）T命令前面必須是一個Q命令省古，或者是另一個T命令
（2）如果T單獨使用，那么控制點就會被認(rèn)為和終點是同一個點丧失，所以畫出來的將是一條直線A = elliptical Arc —— A rx,ry x-axis-rotation large-arc-flag sweep-flag x,y
弧線
rx 弧的半長軸長度
ry 弧的半短軸長度
x-axis-rotation 是此段弧所在的x軸與水平方向的夾角豺妓，即x軸的逆時針旋轉(zhuǎn)角度，負數(shù)代表順時針旋轉(zhuǎn)角度布讹。
large-arc-flag 為1表示大角度弧線琳拭，0表示小角度弧線
sweep-flag 為1表示從起點到終點弧線繞中心順時針方向（弧線外凸），0表示逆時針方向（弧線內(nèi)凹）描验。
xy 是終點坐標(biāo)白嘁。Z = closepath
從當(dāng)前點畫一條直線到路徑的起點
注意：以上所有命令均允許小寫字母。大寫表示絕對定位膘流，小寫表示相對定位絮缅。
svg坐標(biāo)：
