JS封装的canvas气泡动画

2019-07-25
阅读 3 分钟
2.9k
首先需要传入一个canvas dom,获取其宽高,初始化声明一个特定长度的气泡数组(长度可由外部传入),每个气泡有半径,速度,初始化所在位置等属性。然后需要执行绘制方法,每次绘制前调用clearRect()清空画布,然后window.requestAnimationFrame()循环调用绘制方法。绘制气泡初始化时,可以让位置随机,也可以全在底部生...