SVG路径命令总结

命令参数效果
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
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SVGDeveloper是一款功能强大的SVG编辑软件,利用功能强大的绘制功能,你可以绘制诸如圆形、矩形、星形等基本形状,也可以绘制文本、图像和自由曲线等复杂图形。同时,SVGDeveloper还提供了其他一些高级功能使得你更加容易的创建和管理SVG程序。强大的代码编辑器,集成了语法着色和智能语法提示功能,使得你可以编写复杂的脚本程序,从而和创建更加复杂的SVG应用。绘制各种高质量的SVG矢量图形,提供包括矩形、椭圆、圆、直线、折线、多边形等在内的基本形状构造。 支持任意形状的路径构造(贝赛尔曲线)。 支持文本构造。 支持栅格图像和SVG图像的导入。 按照命名空间和对象类型批量删除对象 转换图像为base64代码 支持线性渐变、辐射渐变和图案渲染。 基于时间线,创作包括变换、属性、运动、形状、声音、遮罩等在内的各种形式动画,同时可将动画绑定到事件; 可视化地编辑渐变、图案并生成相关动画; 图形对象的成组和解组以及层次调整功能; 语法自动加亮的代码编写机制,方便您书写SVG代码; 智能语法提示 智能化的事件创作机制,允许您通过列表式生成对象事件并自动定位到javascript代码。 打印支持 更强大的外部图图元支持 XAML支持(支持导出和语法提示) 颜色主题支持,可以定制个性化的开发环境 打印支持
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值