1. 程式人生 > >svg path 路徑

svg path 路徑

str 移動 flag ica spa try https 指定 位置

M = moveto(M X,Y) :將畫筆移動到指定的坐標位置

L = lineto(L X,Y) :畫直線到指定的坐標位置

H = horizontal lineto(H X):畫水平線到指定的X坐標位置

V = vertical lineto(V Y):畫垂直線到指定的Y坐標位置

C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY):三次貝賽曲線

S = smooth curveto(S X2,Y2,ENDX,ENDY)

Q = quadratic Belzier curve(Q X,Y,ENDX,ENDY):二次貝賽曲線

T = smooth quadratic Belzier curveto(T ENDX,ENDY):映射

A = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y):弧線

Z = closepath():關閉路徑

編輯路徑:http://jxnblk.com/paths/

svg 說明使用:https://css-tricks.com/svg-path-syntax-illustrated-guide/ #英語不好,可以谷歌瀏覽器打開

svg 其他一些生成路徑地址:https://juejin.im/entry/59b5e629f265da065f047ad6

svg path 路徑