canvas制作动画方法如下:
工具/材料
dw等代码编辑工具
操作方法
01
先在HTML5页面主体里面添加一个<canvas>标签,定义一张画布(大小,背景颜色)代码
在头部嵌入JS代码,并把画布加载到页当中去,代码如图
02
在(900,400)半径为30,起点为0的地方,逆时针画一个圆如图
03
运行程序,如图
04
创建一个定时函数,时数为50秒如图
05
创建两个变量(speed ,start)一个间歇函数,设置速度和开始时间如图
06
以球体运行的开始坐标(start)到终点坐标画一个圆如图
07
运行程序,结果你会发现如图
08
小球从右边移动到左边来了,结果如图
好了,以上就是大致内容了,(END)
侵权/下架等问题请将详细资料(包括资料证明,侵权链接)等相关信息发送至邮箱:423292473@qq.com