码迷,mamicode.com
首页 > 其他好文 > 详细

双曲线

时间:2020-01-14 20:23:47      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:path   贝塞尔   --   ping   代码   offset   pat   font   custom   

代码:

class BottomClipper extends CustomClipper<Path> {

@override
Path getClip(Size size) {//child 元素的size
var path = Path();
path.lineTo(0, 0);//起始点
path.lineTo(0, size.height - 30);//第二个点
var controlPoint = Offset(size.width/4, size.height);//控制点
var endPoint = Offset(size.width/2, size.height - 30);//结束点
path.quadraticBezierTo(controlPoint.dx, controlPoint.dy, endPoint.dx, endPoint.dy);// 画了贝塞尔曲线
 




var controlPoint2 = Offset(size.width / 4 * 3, size.height - 60);//第2个控制点
var endPoint2 = Offset(size.width, size.height - 30);//第二个结束点
path.quadraticBezierTo(controlPoint2.dx, controlPoint2.dy, endPoint2.dx, endPoint2.dy);
 
path.lineTo(size.width, size.height - 30);



path.lineTo(size.width, 0);//第四个点
return path;
}

@override
bool shouldReclip(CustomClipper<Path> oldClipper) => false;
}
 
 
 
总结:
 

//双曲线

 

多个贝塞尔 需要重启 控制点 结束点 不可使用上一个贝塞尔的结束点

双曲线

标签:path   贝塞尔   --   ping   代码   offset   pat   font   custom   

原文地址:https://www.cnblogs.com/pp-pping/p/12193665.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!