SVG_40_path标签之字母S、T_平滑贝塞尔曲线

历史相关文章

SVG_5_矢量图_Path标签_弧线世界开启

SVG_18_a标签_clipPath标签_限制路径效果

SVG_23_mpath标签_轨迹复用

SVG_38_path标签之字母Q---二次贝塞尔曲线

SVG_39_path标签之字母C_三次贝塞尔曲线又名立方贝塞尔曲线

知识点:

字母S和字母T的用法比字母Q和字母C简单,因为它假定第一个控制点是前一个控制点关于前一个点的反射,或者说如果没有前一个控制点的话它实际上就是前一个点

字母T的句法是”S cx,cy x,y“:

与前一条二次贝塞尔曲线相连,控制点为前一条二次贝塞尔曲线控制点的对称点,只需输入终点,即可绘制一个二次贝塞尔曲线。

T后的第一对儿坐标(cx,cy)为控制点坐标;

T后的第二对儿坐标(x,y)为结束点坐标;

S用来创建三次贝塞尔曲线即立方贝塞尔曲线,句法是”S cx,cy x,y“。

与前一条贝塞尔曲线相连,控制点为前一条二次贝塞尔曲线控制点的对称点,只需输入第二个控制点和终点,即可绘制一个三次贝塞尔曲线。

S后的第一对儿坐标(cx,cy)为控制点坐标;

S后的第二对儿坐标(x,y)为结束点坐标;

比如灵活运用path标签中的贝塞尔曲线,可以画出下面很漂亮的图形

Xi说孔方兄认证

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

King·Forward

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值