效果图: 目录 一、使用canvas的旋转 二、画布Canvas.clipPath()方法。 三、实现思路 1、外层的刻度进度条: 2、里面的水波纹的操作 四、自定义属性并初始化属性 五、绘制外层刻度条 六、根据当前的进度改变水波纹的振幅 七、绘制水波纹及原理【重点】 1、获取到水波中心点Y轴的值 2、创建一个水波圆,并使用画布剪切 (1)为什么贝塞尔曲线控制点的x轴-mStep?: (2)为什么要判断是否是奇数和偶数? (3)为什么绘制的贝塞尔曲线会大于mWaveCount? 4、同理可以绘制第二个反向的水波纹