主要介绍了Canvas 制作动态进度加载水球详解及实例代码的相关资料,这里附有实例代码及实现效果图，需要的朋友可以参考下

Canvas 动态进度加载水球 前言 之前看到一些球型的动态加载的效果，一直想自己动手做一个，正好这段时间重温了一个Canvas，所以就尝试了一下。 实现思路 关于水波的实现，使用了sin()函数，通过每一帧不断的移动sin()函数曲线，实现水波动态效果。然后，通过绘制圆形路径，进行clip()，实现球型效果。 sin()函数相关 这里说一下sin()函数的相关基础，对于绘制水波的影响。 看一下图，回顾一下中学sin()函数的基础。 从图中可以看出，当函数为sin(x)时，值域为[-1, 1