Canvas 基本动画
动画的基本步骤
- 清空 canvas : 如果存在绘制的内容会完全清空 canvas (例如:背景图),否则需要清空所有。最简单的做法是使用
cleanRect()
方法。 - 保存 canvas 状态 : 如果一些设置(样式、变形之类的)会改变 canvas 状态,而在画每一帧的时候是原始状态,则需要使用
save()
方法先保存一下。 - 绘制动画图形(animated shapes) : 重绘动画帧。
- 恢复 canvas 状态 : 如果已经保存了 canvas 的状态,可以先恢复它,然后重绘下一帧。
大约 6 分钟