l ott ie-web 介绍
L ott ie 是Airbnb开源的 一个 面向 iOS、Android、react Native 的动画库,能分析 A dob e After Effects 导出的动画,并且能让原生 App 像使用静态素材一样使用这些动画,完美实现动画 效果 。
现在使用各平台的 native 代码 实现一套复杂的动画是一件很困难并且耗时的事,我们需要为不同尺寸的屏幕加载不同的素材资源,还需要写大量难维护的 代码 ,而L ott ie可以做到同 一个 动画 文件 在不同平台上实现相同的 效果 ,极大减少开发时间,实现不同的动画,只需要设置不同的动画 文件 即可,极大减少开发和维护成本。
使用流程:# with npm
npm install l ott ie-web
# with bower
bower install bodymovin
1. 引入l ott ie.js
2. <div id="l ott ie"></div>
3. l ott ie.loadAnimation({
container: document.getElementById('l ott ie'),
renderer: 'svg',
loop: false,
a utop lay: true,
path: pathData,//如果没有 图片 做动效,全是设计师用画的矢量图形
//animationData: animationData //如果有 图片 做动效,二者填其一即可
})
网站地址 : http://airbnb.io/lottie/
GitHub: https://github.com/airbnb/lottie-web
网站描述: 一个 面向移动端的动画库
lottie-web官方网站
官方网站: http://airbnb.io/lottie/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。