动画是由许多连续的图片组成的。依次切换不同的画面，给人一种动画的感觉。切换速度越快，动画的感觉越真实。当速度达到每秒24张时，肉眼无法分辨，称为24帧。 canvas中的动画其实就是循环擦除和绘制的操作，一般操作前保存环境，操作后恢复环境。 canvas的动画由两个关键点组成:循环执行，绘制每一张显示的图片。 执行循环主要有两种方式，一种是使用前面学过的setInterval或setTimeout方法；另一种是调用新加入的requestAnimationFrame方法，专门用于动画。这种方法不需要设置间隔时间，直接将求解逻辑写入参数的回调函数就可以了。 但是requeseAnimationFram本身需要放入回调函数中，其启动操作可以通过cancelAnimationFrame方法取消。 例如:<！DOCTYPE html & gt& lthtml lang = " en " & gt& lthead & gt& ltmeta charset="UTF-8 " >& ltmeta name = " viewport " content = " width =设备宽度，initial-scale=1.0 " >& lttitle & gt文档& lt/title & gt；& lt/head & gt；& ltbody & gt& ltcanvas id = ' c2d ' & gt浏览器不支持画布