常用方法:
animation.play(); // 播放該動畫绞吁,從目前停止的幀開始播放
animation.stop(); // 停止播放該動畫朦前,回到第0幀
animation.pause(); // 暫停該動畫,在當(dāng)前幀停止并保持
animation.goToAndStop(value, isFrame); // 跳到某個時刻/幀并停止褥符。isFrame(默認(rèn)false)指示value表示幀還是時間(毫秒)
animation.goToAndPlay(value, isFrame); // 跳到某個時刻/幀并進(jìn)行播放
animation.goToAndStop(30, true); // 跳轉(zhuǎn)到第30幀并停止
animation.goToAndPlay(300); // 跳轉(zhuǎn)到第300毫秒并播放
animation.playSegments(arr, forceFlag); // arr可以包含兩個數(shù)字或者兩個數(shù)字組成的數(shù)組洞渤,forceFlag表示是否立即強(qiáng)制播放該片段
animation.playSegments([10,20], false); // 播放完之前的片段,播放10-20幀
animation.playSegments([[0,5],[10,18]], true); // 直接播放0-5幀和10-18幀
animation.setSpeed(speed); // 設(shè)置播放速度属瓣,speed為1表示正常速度
animation.setDirection(direction); // 設(shè)置播放方向载迄,1表示正向播放,-1表示反向播放
animation.destroy(); // 刪除該動畫抡蛙,移除相應(yīng)的元素標(biāo)簽等护昧。在unmount的時候,需要調(diào)用該方法
優(yōu)點(diǎn):
1.可以實(shí)現(xiàn)較為復(fù)雜動畫
2.可以導(dǎo)出canvas粗截,性能高惋耙。也可以在部分小圖標(biāo)上導(dǎo)出svg,靈活性高熊昌。
3.方便控制啟停绽榛,可以控制回調(diào)
4.大大解放前端生產(chǎn)力