SVG path属性汇总(表格)

大写命令通常将坐标参数解释为绝对坐标。小写命令通常将坐标参数解释为当前虚拟画笔的相对位置

命令参数名称描述
Mx,y移至将虚拟画笔移动到指定点x,y处而不绘制图。
mx,y移至将虚拟画笔移动至相对于其当前坐标的x,y处而不进行绘图操作。
Lx,y线路从虚拟画笔当前位置绘制一条到x,y点的直线。
lx,y线路从虚拟画笔当前位置绘制一条到相对于画笔当前位置的x,y点的直线。
Hx水平线绘制一条到指定点(x坐标由参数指定,y坐标为虚拟画笔当前的纵坐标)的水平线。
hx水平线绘制一条到指定点(x坐标为虚拟画笔当前横坐标+指定的x,y坐标为虚拟画笔当前的纵坐标)的水平线。
Vy垂直线绘制一条到指定点(x坐标为虚拟画笔当前横坐标,y坐标由参数指定)的垂直线。
vy垂直线绘制一条到指定点(x坐标为虚拟画笔当前横坐标,y坐标为虚拟画笔当前的纵坐标+参数指定的值)的垂直线。
Cx1,y1 x2,y2 x,y曲线从画笔当前点到x,y点绘制一条三次贝塞尔曲线。x1,y1和x2,y2是曲线的开始和结束控制点,控制其如何弯曲。
cx1,y1 x2,y2 x,y曲线与C相同,但是坐标点为相对于画笔坐标的位置。
Sx2,y2 x,y平滑曲线缩写从画笔位置到点x,y绘制一条三次贝塞尔曲线。x2,y2为结束控制点。开始控制点与前一条曲线的结束控制点相同。
sx2,y2 x,y平滑曲线缩写与S相同,但是坐标点为相对于画笔坐标的位置。
Qx1,y1 x,y二次贝塞尔曲线从画笔当前坐标到x,y点绘制一条二次贝塞尔曲线。x1,y1是控制曲线如何弯曲的控制点。
qx1,y1 x,y二次贝塞尔曲线与Q相同,但是坐标点为相对于画笔坐标的位置。
Tx,y平滑二次贝塞尔曲线缩写从画笔位置到点x,y绘制一条三次贝塞尔曲线。控制点与所使用的的最后一个控制点相同。
tx,y平滑二次贝塞尔曲线缩写与T相同,但是坐标点为相对于画笔坐标的位置。
Arx,ry x-axis-rotation large-arc-flag,sweepflag x,y椭圆弧从当前点到x,y点绘制一条椭圆弧。rx和ry为椭圆在x和y方向上的半径。x-rotation确定圆弧围绕x轴旋转的角度。当rx和ry的值不同时,它才会有效果。large-arc-flag似乎没有被使用(可以为0或1)。值(0或1)都不会改变圆弧。
arx,ry x-axis-rotation large-arc-flag,sweepflag x,y椭圆弧与A相同,但是坐标点为相对于画笔坐标的位置。
Z闭合路径通过从当前点到第一个点绘制一条线来关闭路径。
z闭合路径通过从当前点到第一个点绘制一条线来关闭路径。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值