请问下html5的canvas中如何利用人物走路的png图(人物的每个帧都在一个图片中文件中)实现动画

请问下html5的canvas中如何利用人物走路的png图(人物的每个帧都在一个图片中文件中)实现动画,第1张

不需要分割,你画到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:画出来的高度

不知道你所说的动态图片是什么意思?

1、图片有一种gif类型的图片,它实际上是一个图片,分多个帧页,实现连贯动作

如果是这种效果 的话,<img src=图片地址/>就可以

2、若楼主指的是随时间不同或用户 *** 作不同而显示不同的图片的话,这就比较麻烦啦,单纯html是不能够实现的,必须借助不同 脚本实现该功能。

希望回答对你有用!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7319213.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存