首先要准备一张有连续帧的图片，然后利用HTML5 Canvas的draw方法在不同的时间间隔绘制不同的帧，这样看起来就像动画在播放，关键技术点及实例代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助

HTML5 Canvas动画效果演示 主要思想： 首先要准备一张有连续帧的图片，然后利用HTML5 Canvas的draw方法在不同的时间间隔绘制不同的帧，这样看起来就像动画在播放。 关键技术点： Javascr ipt 函数setTimeout()有两个参数，第一个是参数可以传递一个Javascr ipt方法， 另外一个参数代表间隔时间，单位为毫秒数。代码示例： setTimeout( update, 1000/30); Canvas的API-drawImage()方法，需要指定全部9个参数：