SVG路径命令总结

来源:互联网 发布:哔咔用啥番茄软件好? 编辑:程序博客网 时间:2024/04/29 06:48

命令参数效果M mx y 移动画笔到给定坐标,即起点L lx y 绘制一条到给定坐标的线,可提供多组坐标绘制折线H hx

绘制一条到x坐标的横线

V vy绘制一条到y坐标的竖线A arx ry(半径) x-axis-rotation(x轴的旋转角度) large-arc-flag(若需要圆弧角度小于180度,则为0;否则为1)sweep-flag(需要圆弧以负角度绘制则为0;以正角度绘制则为1)x y(终点)绘制当前点到(x,y)的圆弧Q qx1 y1 x y绘制一条从当前点到(x,y),控制点为(x1,y1)的二次贝塞尔曲线T tx y 绘制一条从当前点到(x,y)的二次贝塞尔曲线,控制点是前一个Q命令控制点的中心对称点。如果没有前一条曲线,当前点会被用作控制点。绘制出来的曲线更流畅C cx1 y1 x2 y2 x y绘制一条从当前点到(x,y)的三次贝塞尔曲线,(x1,y1)为曲线的开始控制点,(x2,y2)为曲线的终点控制点S sx2 y2 x y绘制一条从当前点到(x,y)的三次贝塞尔曲线,(x2,y2)为新端点的控制点。第一个控制点是前一个C命令控制点的中心对称点。如果没有前一条曲线,当前点会被用作控制点。绘制出来的曲线更流畅

注意:Z表示的是closepath命令绘制一条直线回到当前子路径的起点,使得完全闭合。

 
0 0
原创粉丝点击