欢迎来到[自学php网] ①群 AG亚游集团

AG亚游集团 > 网站前端 > svg >

5分钟看懂svg path 路径的所有命令

来源:未知 ?? 时间:2019-03-07 19:15?作者:小飞侠

[导读] 5分钟看懂svg path 路径的所有命令 M = moveto M x y 移动到指定坐标,xy分别为x轴和y轴的坐标点,类似画笔的起点。 path中的起点,必须存在(文档中虽然没有提到过,但是path的其他命令都...

5分钟看懂svg path 路径的所有命令

M = moveto

M x y 移动到指定坐标,xy分别为x轴和y轴的坐标点,类似画笔的起点。

path中的起点,必须存在(文档中虽然没有提到过,但是path的其他命令都需要依赖一个初始位置,而实际操作过程中也没有需要到可以不使用M的情况,后面发现有例外我再过来补充。

L = lineto

L x y 在初始位置(M 画的起点)和xy确定的坐标画一条线。
两点一线,直线,绘图中很常见的方式。

H = horizontal lineto

H x 沿着x轴移动一段位置

V = vertical lineto

V y 沿着y轴移动一段位置

C = curveto

C x1 y1 x2 y2 x y
三次贝塞尔曲线
当前点为起点,xy为终点,起点和x1y1控制曲线起始的斜率,终点和x2y2控制结束的斜率。

S = smooth curveto

S x2 y2 x y
简化的贝塞尔曲线
1.如果S命令跟在一个C命令或者另一个S命令的后面,它的第一个控制点,就会被假设成前一个控制点的对称点。

2.如果S命令单独使用,前面没有C命令或者另一个S命令,那么它的两个控制点就会被假设为同一个点。

Q = quadratic Bézier curve

Q x1 y1 x y
二次贝塞尔曲线Q
只需要一个控制点,用来确定起点和终点的曲线斜率。因此它需要两组参数,控制点和终点坐标。

T = smooth quadratic Bézier curveto

Q命令的简写命令。</br>
与S命令相似,T也会通过前一个控制点,推断出一个新的控制点。
1.T命令前面必须是一个Q命令,或者是另一个T命令

2.如果T单独使用,那么控制点就会被认为和终点是同一个点,所以画出来的将是一条直线

A = elliptical Arc

A rx,ry x-axis-rotation large-arc-flag sweep-flag x,y
rx 弧的半长轴长度
ry 弧的半短轴长度
x-axis-rotation 是此段弧所在的x轴与水平方向的夹角,即x轴的逆时针旋转角度,负数代表顺时针旋转角度。
large-arc-flag 为1表示大角度弧线,0表示小角度弧线
sweep-flag 为1表示从起点到终点弧线绕中心顺时针方向,0表示逆时针方向。
xy 是终点坐标。

Z = closepath

 从当前位置到起点画一条直线闭合。



最新文章

点击排行

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号@版权所有AG亚游集团

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

兰帕德:今年将开启教练生涯 还没想好执教哪队 中超夺冠赔率:上港居首国安升第3 一方等6队垫底 世卫:刚果(金)埃博拉疫情尚未构成突发公共卫生事件 王凯陆毅佟大为钟汉良获微博年度男神荣誉 超级部委国家发改委瘦身 素有“小国务院”之称 男子与好哥们虚构的女网友谈了3年恋爱 被骗23万 欧冠-C罗闪击+倒勾+助攻 皇马两中楣3-0客胜尤文 小德遗憾失利会保持积极心态 转战罗马盼稳定发挥 无解局!丁俊晖塞尔比耗半小时重摆 两人谈笑风生 女警向12年家暴宣战:拿到人身保护令 准备离婚 威少20板19助还创NBA历史 雷霆兵不血刃退灰熊 保安管业主宠物狗叫“幺儿” 七旬老人跟他打起来
超霸战休息日中外大师参观东坡书院 感受中华文化 U23赛后言行或遭亚足联追罚 申诉裁判无实际意义 日调查:家庭收入越少 女性肥胖风险越高 发改委:引入民资外资 国企改革向纵深推进 大连队总结会大奎成励志榜样 舒帅叮嘱假期别放纵 山东公布百白破疫苗补种方案:使用武汉生物疫苗 NFX品汇国际 非农即将来临美元能否延续涨势 叶尔杰提:葡超葡甲令我进步 让人记得中国也有好门将 中兴通讯董事长问答实录:有能力、有决心度过难关 联盟第一人不是白叫的!为完成救赎他做了这事 女性发起不平等抗议之后,耐克给7000多名员工涨薪 哈尔滨养老金延迟发放追踪:8月初前或发放到位
长安街东二环等多条道路明上午采取临时交通管制 美元走软美国或对叙利亚动武 金价周二收高0.4% 巴西世界杯23人名单:内马尔出战 中超1大将入围 瑞达期货:中美贸易支撑盘面 豆粕期权运行历史高位 美国新奥尔良市发生枪击案致3死7伤 枪手仍在逃 媒体:地方网监大队正严密监控境外虚拟货币交易平台 加密货币全球性监管或将来袭 比特币跌破8000美元 收市必读:吉利高位回落 后市怎么看? 传球技能点MAX!最强新秀这手火箭炮传球太逆天 微信赚钱的三大方法 最有前景的十大行业 手机可以做的打字兼职 最近开什么店比较好 AG亚游集团