利用canvas与setInterval()函数实现动画效果
1、 新建文件，设置400×400画布并引入JS脚本。
2、 用JS获取画布及其绘图环境
3、 绘制一个边长为10的正方形
4、 用setInterval()设定动画与时间间隔
5、 效果见下图
6、 调整i的数值
7、 效果见下图
8、 动画两端同时开始播放
9、 效果见下图
10、 动画从四角交汇处开始
11、 效果见图示
12、 附JS源码
13、 }
14、 }
Canvas动画：setInterval实现
2026-06-24 07:08:00 [ 原创 ]
随时随地资讯查报价 就上ZOL手机客户端，点击或扫描二维码下载
