Canvas动画：setInterval实现

利用canvas与setInterval()函数实现动画效果

1、 新建文件，设置400×400画布并引入JS脚本。

2、 用JS获取画布及其绘图环境

3、 绘制一个边长为10的正方形

4、 用setInterval()设定动画与时间间隔

5、 效果见下图

6、 调整i的数值

7、 效果见下图

8、 动画两端同时开始播放

9、 效果见下图

10、 动画从四角交汇处开始

11、 效果见图示

12、 附JS源码

13、 }

14、 }