最简单的序列帧动画canvas插件
图片序列帧播放工具,用canvas操作图片动画,封装了常用方法。
喜欢可以给一个star哦
有问题可以加群一起讨论,qq群:692337464
CanvasKeyFrames
图片序列帧播放工具,用canvas操作图片动画,封装了常用方法。
el [canvas容器,必须是DOM对象]
type [图片模式,'array'和 'sprite'模式,array是图片对象数组,sprite是基于宽度扩展的单张雪碧图]
imgs [图片帧对象数组或单图,对应不同模式]
options {
cover: 10, //指定封面帧,默认是0
fps: 30, //默认是24
loop: 10 //初始化默认的循环数,在formTo中可以设置,默认是infinite
ratio: 2 //雪碧图模式才需要,图片的高清比例,与@2x相似,默认是2,低清模式是1
width: 300, //注意,隐藏元素是拿不到宽度的,所以特殊情况下需要指定宽度
height: 300
}
API
CanvasKeyFrames(el, type, imgs, options)
el canvas容器,必须是DOM对象
type 图片模式,'array'和 'sprite'模式,array是图片对象数组,sprite是基于宽度扩展的单张雪碧图
imgs 图片帧对象