我目前无法绘制贝塞尔曲线。
我现在的输出是:
我需要的输出是:
我应该在这里添加什么作为贝塞尔值来获得曲线?
自定义裁剪器的代码片段是:
class OnBoardingClipper extends CustomClipper<Path> {
@override
Path getClip(Size size) {
var path = Path();
path.moveTo(0.0, size.height * 0.18);
path.lineTo(0.0, size.height);
path.lineTo(size.width, size.height);
path.lineTo(size.width, 0.0);
return path;
}
@override
bool shouldReclip(CustomClipper<Path> oldClipper) => false;
}
附言感谢您阅读并在格式错误的情况下道歉。 :-)
最佳答案
您可以添加 quadraticBezier
的值,例如 (3 / 4 * size.width, size.height * 0.18)
、 (size.width, size.height * 0.05)
。
代码:
@override
Path getClip(Size size) {
var path = Path();
path.moveTo(0.0, size.height * 0.18);
path.quadraticBezierTo(
3 / 4 * size.width, size.height * 0.18, size.width, size.height * 0.05);
path.lineTo(size.width, size.height);
path.lineTo(0.0, size.height);
return path;
}
结果:关于flutter - 自定义 Clipper Bezier 曲线 Flutter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63617452/