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請查閱官方文檔