自定义Clipper Bezier曲线颤动

Question

我目前无法绘制bezier曲线。

我现在得到的输出是：

​

我需要的输出是：

​

我应该在这里添加什么作为bezier值来获得曲线？自定义裁剪器的代码片段为：

    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;
}

附言:感谢您的阅读，如果格式有误，敬请谅解。:-)

Answer 1

您可以添加值为(3 / 4 * size.width, size.height * 0.18)、(size.width, size.height * 0.05)的quadraticBezier。

代码：

@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;
  }

结果：

​

​