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请查阅官方文档