SVGA是壹種動畫格式,可以兼容安卓、ios和web,可以實現很多復雜的動畫,這樣開發就不用頭疼canvas來實現動畫時的卡頓優化問題了。
2、引入SVGA
因為博主是前端方向的,所以這裏只介紹web頁面如何引入,這個是SVGA官方的web地址,如果大家感興趣可以看壹下
和正常js引入壹樣,我們是需要script引入即可。
在引入svga之後,我們需要在html中生命壹個對象來存放svga動畫。
這裏只是簡單定義。
3、讓svga動起來
```
```
我們可以看到,需要定義Player和Parser來統壹完成壹個動畫的實現。
在load的callback函數中,我們可以設置
```
4、svga的讀取是依賴canvas的
可以看出 我們可以動過調節對象元素的樣式來實現canvas的控制。
結語:
Svga可以很好的節省動效開發的時間,而且具有很好的兼容性,還可以完美還原設計稿。但是svga畢竟是壹個動畫文件,畢竟動畫的方式是唯壹的,所以對於多樣性的根據用戶操作來實現個性化展示的 還是需要依托於基礎的js或者css來控制實現。