Canvas的使用样例:动画的实现以弹跳小球为例

1,Canvas实现动画的原理(1)首先设置一个定时器,反复调用绘图函数(一般每秒30~40次)。每次调用,都会重绘整个画布。完成后的效果就像动画一样,每一帧间过渡会平滑而流畅。(2)有两种方法都可以实现重复绘制:setTimeout()和setInterval()。用哪个可以自行决定。(3)setInterval()能保证精确地按时重绘,当又可能因此牺牲性能(如果绘图代码执行时间比设定时间还要长,浏览器将很难跟上,随着绘图代码的连