画布基本功能——动画requestAnimationFrame

https://www.runoob.com/w3cnote/html5-canvas-intro.html

requestAnimationFrame()创造平滑的canvas动画的关键

1. 早期的动画通过计时器调用函数重新绘制canvas实现，但是计时器只负责在指定时间后把动画重绘任务放到队列中，如果队列中有其他任务在动画重绘任务之前，那么就可能导致动画不流畅。
2. 与setTimeout相似：只执行一次，requestAnimationFrame也有清理的方法cancelAnimationFrame()

let requestID = requestAnimationFrame()

cancelAnimationFrame(requestID)