【文件属性】:
文件名称:sprite:精灵管理器
文件大小:174KB
文件格式:ZIP
更新时间:2021-07-09 12:36:24
JavaScript
雪碧
精灵管理器
使用画布drawImage或常规 div backgroundPosition
高级loop ,在重新启动或倒带之前具有可选延迟的yoyo运动
例子
var sp = new Sprite ( {
src : '/sprite.png' ,
columns : 7 ,
rows : 1 ,
delay : 150 ,
motion : 'yoyo' ,
el : document . querySelector ( '.sprite' )
} ) ;
sp . play ( ) ;
也可以不使用new直接实例化
var sp = Sprite ( {
src : '/sprite.png'
// ...
} ) ;
应用程序接口
玩()
播放动画
play ( )
倒带()
以相反的顺序播放动画
rewind ( )
停止(
【文件预览】:
sprite-master
----example()
--------index.html(3KB)
--------index.css(391B)
--------sprite-ver.png(33KB)
--------sprite-rows.png(37KB)
--------sprite-hor.png(37KB)
--------index.js(4KB)
----assets()
--------c.png(6KB)
--------d.png(5KB)
--------g.png(5KB)
--------images.psd(265KB)
--------e.png(6KB)
--------a.png(5KB)
--------b.png(6KB)
--------f.png(6KB)
----dist()
--------index.min.js(3KB)
----.editorconfig(179B)
----.gitignore(155B)
----index.js(6KB)
----readme.md(2KB)
----package.json(519B)