HTML5Canvas:制作动画特效

要在HTML5canvas中绘制图像动画效果,你需要绘制出每一帧的图像,然后在一个极短的时间内从一帧过渡到下一帧,形成动画效果。这其实是一种视觉欺骗,原理就像播放电影一样,胶片上每一格是一帧图片,然后快速的播放它们,在人的眼睛看来就是一个完整的动画效果。下面是你在canvas上绘制一个动画帧的基本步骤:我们需要一种方法来在指定时间内执行我们的绘制图形函数。有两种方式可以控制动画的执行。第一种是使用下面的三个window对象上的方法:window.setInterval(),window.setTimeout()和window.requestAnimationFrame()。它们都能在指定