码迷,mamicode.com
首页 > 其他好文 > 详细

svg path 路径

时间:2018-03-02 14:56:53      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:指定   class   get   jin   直线   css   sep   uid   arc   

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 路径

标签:指定   class   get   jin   直线   css   sep   uid   arc   

原文地址:https://www.cnblogs.com/xuey/p/8492498.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!