最简单的序列帧动画画布插件图片序列帧播放工具，使用canvas操作图片动画，封装常用方法。仓库地址：https://github.com/wenyiweb/c...喜欢的话可以给个star哦。有问题可以进群讨论。QQ群：692337464CanvasKeyFrames图片序列帧播放工具，使用canvas操作图片动画，封装常用方法。el[画布容器，必须是DOM对象]type[图像模式，'array'和'sprite'模式，array是一个图像对象数组，sprite是一个基于宽度扩展的单个sprite图像]imgs[一个图像数组frameobjectsorsingleimage,对应不同模式]options{cover:10,//指定封面帧，默认为0fps:30,//默认为24loop:10//初始化默认循环次数，即可以在formTo中设置，默认是infineratio:2//只有sprite图片模式需要，图片的高清比例类似@2x，默认是2，低清模式是1width:300,//注意隐藏元素无法获取宽度，特殊情况需要指定宽度height:300}APICanvasKeyFrames(el,type,imgs,options)el画布容器，必须是DOM对象类型图片模式，'array'和'sprite'模式，array为图片对象数组，sprite为单个精灵，根据宽度展开Imageimgs图像框对象数组或单张图片，对应不同模式optionscover指定封面框，默认为0fps，默认为24loop初始化默认循环次数，可以在formTo中设置，默认为无限精灵图片模式，图片的高清比例，类似于@2x，默认为2，低-定义方式为1width隐藏元素无法获取宽度，所以特殊情况需要指定宽度height隐藏元素无法获取宽度，所以特殊情况需要指定宽度调用方法导入JSvarkf=newCanvasKeyFrames(el,type,imgs,options)方法介绍goto(n)跳转到上一帧next()下一帧prev()上一帧fromTo(from,to,loop,callback)from[Startframe(startingfrom0)]to[结束帧数]loop[循环次数，默认无限]callback[回调函数]toFrom(to,from,loop,callback)to[startframe(startingfromhigh)]from[endframenumber(endfromlow)bit)]loop[循环次数，默认无限大n]callback[回调函数]repeatplay(from,to,loop,callback)fromto是广播一次，然后回调fromBack，向后播放，再回调toBack从[起始帧（从0开始）]开始逻辑判断to[结束帧数]loop[循环次数，默认无限向前广播，然后反向广播回来]callback[回调函数]from(from,loop,callback)from[startframe(从0开始)]loop[循环次数，默认无限]callback[回调函数]to(to,loop,callback)to[结束帧数]loop[循环次数，默认无限]callback[回调函数]pause()暂停动画停止()stopandGobacktofirstframeorcoverframeplay()从当前位置开始播放动画，会继承上次使用fromTo、form或todestroy()的属性销毁对象
