Flutter小案例-贝塞尔曲线

参考技术胖视频教程:https://www.bilibili.com/video/av39709290/?p=15

关键:确定控制点(控制点位置并非波峰波谷的位置,控制低点比波谷要低,高点比波峰要高),从左上角开始绘制(因为这里绘制的是底部曲线)

绘制前两个点:第一个点 x:0,y:0,第二个点 x:0,y:height-30(第二个点要比第一个控制点高一点)

第一个控制点start:x:width/4    y:height    (这里不能给第一个控制点加高度,否则会溢出)

第一个控制点end:x:width/2     y:height-30 

第二个控制点start:x:width/4*3   y:height-30(这里要比第一个控制点end还要高一些,所以减得更多)

第二个控制点end:   x:width    y:height-15(曲线的结尾高度即为结束点,因为第一个控制点只减少30,波谷的最低处大概有一般的高度,所以减掉15)

以上为实际效果图控制点坐标,切记:控制点坐标并非波峰波谷坐标

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值