欢迎来到[自学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

波哥大赛本土00后掀翻4号种子 取WTA正赛首胜 凯撒月底回归将带队训练 上赛季已完成任务 中甲-季骁宣抽射斩新疆 毅腾1-0拿下难兄难弟之战 中央巡视组点名周永康后 四川和成都采取行动 沃尔玛请来Epix前CEO开发低价流媒体服务 2000元/㎡精装房成本仅500 业主发现门系纸做(图… 瓜帅叫板英足总!会继续佩戴黄丝带 罚我也没用 国务院机构改革后 5位副部提到了同一件事 英皇证券:港股受外围波动 吉利汽车分注作中线部署 佩雷拉:武磊能成金靴 在间歇期提高技战术水平 莫德斯特为摔毛巾向教练道歉 合同问题成一大麻烦 美加州山火致5死17失踪 特朗普宣布进入紧急状态
商贩称城管指定店家买推车价格贵 城管:工作需要 韩国防部称将小幅增加新编副士官数量 优先军队改编 德媒:大众汽车计划让旗下卡车业务IPO 30+6+7三分!轰傻联盟第1 旧将的威力了解一下? 美海军发展舰载高能激光武器 称可击毁小艇或无人机 邓涵文谈亚冠首秀:很大提高 大哥们对我很照顾 伊涅斯塔动情泪别:巴萨万岁 你们永远在我心中 法企将受美对伊制裁波及 法政府坚称捍卫权益 午盘:美股保持强势 纳指盘中创历史新高 QM:世界杯带动微博用户活跃度上升 人均时长增45.1… 波特罗时隔4年再取澳网胜利 蒂姆携伯蒂奇过关 毒奶?勇士核心说MVP该是哈登 但得警惕1个对手
上港战蔚山能进几球?亚冠问答赢一万金豆! 周文重:没有哪个国家能通过贸易保护解决经济问题 建业官方发文点赞张外龙唤醒建业 24天重拾专治不服 美退役军官:解放军最迟或在2030年武统台湾 近7成青年择偶不愿将就 圈子小不主动成单身主因 美前国务卿:“普特会”是美国总统向外国人卑躬屈膝 男子持冲锋枪抢劫银行121万 整个过程不到3分钟 天文学家用望远镜看到马斯克的跑车在太空漂浮 美军官鼓吹对台军售防大陆“武统” 网友:纸老虎 今年开什么店好 开什么店比较有市场 自己在家怎么挣钱 加盟店排行榜 AG亚游集团