本文详细介绍了如何使用Flutter的Canvas绘制正弦曲线、创建波浪动效、绘制曲线和折线图。通过示例代码展示了动画控制正弦曲线移动以及自定义绘图的实现，包括完整的波浪动画效果和曲线、折线图的绘制方法。
简介
上一篇用 Flutter 的 Canvas 画点有趣的图形我们介绍了使用 CustomPaint 绘制自定义形状，可以看到有了图形的平面绘制数学计算方法，我们可以画出所需的形状。本篇我们来介绍线条类图形的绘制，并且结合 Animation 实现了常见的波浪动效。通过本篇，你可以了解到：
- 正弦曲线的绘制
- 利用两条正弦曲线加上
Animation实现波浪动效 - 曲线的一般绘制方法
- 折线图绘制
下面是最终实现的效果图，接下来我们一项一项介绍。
正弦曲线绘制
对于正弦曲线，公式定义如下：
对于在屏幕绘制，由于屏幕的点都是离散的，因此实际就是对正弦曲线进行采样，只要采样间隔足
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
