效果图:
此效果参考他人代码,并加以注释和改造,想直接看源地址效果的话,可直接点击下方链接
参考地址:http://www.jq22.com/webqd6697
提供以下地址,方便你们理解和学习
1. canvas绘制圆
2. requestAnimationFrame更新动画
3. 清空画布
代码的注释我感觉已经很详细了,方便大家理解,这里就不说那么多废话了(本人之前有了解过canvas,接下来有机会,会从基础的知识点开始更新 )
代码如下:
Document