请问下html5的canvas中如何利用人物走路的png图(人物的每个帧都在一个图片中文件中)实现动画
答案:2 悬赏:40 手机版
解决时间 2021-11-10 23:24
- 提问者网友：孤凫
- 2021-11-10 12:32
请问下html5的canvas中如何利用人物走路的png图(人物的每个帧都在一个图片中文件中)实现动画
最佳答案
- 五星知识达人网友：举杯邀酒敬孤独
- 2021-11-10 12:40
不需要分割，你画到canvas上时只要指定图像的坐标和高宽就行了：
context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh):选取图像的一部分矩形区域进行绘制
image:Image对象var img=new Image(); img.src="url(...)";
sx：图像上的x坐标
sy：图像上的y坐标
sw：矩形区域的宽度
sh：矩形区域的高度
dx：画在canvas的x坐标
dy：画在canvas的y坐标
dw：画出来的宽度
dh：画出来的高度
context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh):选取图像的一部分矩形区域进行绘制
image:Image对象var img=new Image(); img.src="url(...)";
sx：图像上的x坐标
sy：图像上的y坐标
sw：矩形区域的宽度
sh：矩形区域的高度
dx：画在canvas的x坐标
dy：画在canvas的y坐标
dw：画出来的宽度
dh：画出来的高度
全部回答
- 1楼网友：零点过十分
- 2021-11-10 13:55
仔细想想，根本不需要
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯