svga动画使用总结
导语:项目中有用到动画播放的地方,之前用的swf格式的动画,用的flash播放的,集成难度有些大,现改用svga格式动画播放。
SVGA 是一种跨平台的开源动画格式,同时兼容 iOS / Android / Web。SVGA 除了使用简单,性能卓越,同时让动画开发分工明确,各自专注各自的领域,大大减少动画交互的沟通成本,提升开发效率。动画设计师专注动画设计,通过工具输出svga动画文件,提供给开发工程师在集成 svga player 之后直接使用。
使用案例
var player = new SVGA.Player('#fa-gift-wrap'); // 页面指定动画播放区域元素id
var parser = new SVGA.Parser('#fa-gift-wrap');
parser.load(url, function(videoItem) {
player.loops = 1 // 动画循环次数,默认0(无限循环)
player.setVideoItem(videoItem);
player.startAnimation();
player.onFinished(function() { // 播放结束回调
console.log('播放结束了')
overSvga() // 自定义结束 函数方法,处理需要动画播放完毕后的操作
})
}, function(err) { // 错误回调
console.log('svga error', err)
overSvga()
})
更多详细api请查阅官方文档