隆重推出Lottie，一个适用于Web、Android、iOS、ReactNative和Windows的移动库，它可以使用Bodymovin解析以json格式导出的Adob??eAfterEffects动画，并在移动设备上进行原生渲染！安装npminstalllottie-web基本用法constanimation=lottie.loadAnimation({container:document.getElementById('box'),renderer:'svg',//渲染方式：svg：支持交互，不会掉帧，canvas,html:support3D,supportinteractionloop:true,//循环播放,default:trueautoplay:true,//autoplay,defaulttruepath:''//jsonpath})常用方法方法说明animation.play()playback,animation.stop()从当前帧开始播放停止，回到第0帧animation.pause()暂停，保持当前帧animation.goToAndStop(value,isFrame)跳到某个时刻/帧停止[isFrame(可省略,默认:false:毫秒;true:frame)表示该值的单位是毫秒还是帧]animation.goToAndPlay(value,isFrame)跳转到某个时刻/帧播放animation.playSegments(arr,forceFlag)inframes,播放指定剪辑[arr可以包含两个数字或者两个数字的数组,forceFlag表示是否强制立即播放片段]animation.setSpeed(speed)设置播放速度，speed为1为正常速度animation.setDirection(direction)设置播放方向，1表示正向播放，-1表示反向playbackanimation.destroy()删除动画，移除对应的元素标签等【卸载时需要调用该方法】animation.goToAndStop(30,true)//跳转到第30帧并Stopanimation.goToAndPlay(300)//跳到第300毫秒播放animation.playSegments([10,20],false)//播放完上一段后，播放10-20帧animation.playSegments([[0,5],[10,18]],true)//直接播放0-5帧和10-18帧公共hookhook描述data_ready动画数据加载完毕config_ready完成初始配置后data_failed部分动画无法加载时loaded_images全部DOMLoaded时当图像加载成功或元素添加到DOM时出错animation.addEventListener('data_ready',()=>{console.log('hahahhahaahha');});
