1.引入sdk
<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script>
2.使用
let animation = bodymovin.loadAnimation({
container: document.getElementById("bm"),//节点的id
renderer: "svg",
loop: true,
autoplay: true,
path: "../utils/anmoti.json",//ui提供的文件地址
});
根据ui提供的json序列化文件进行动画渲染
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- lottie 是设计师AE工具导出json 格式 前端直接可用。 Lottie 使用教程资料 1. 腾讯前端教程 ...
- 2018.03.19 更新bodymovin5.1.8 zxp插件汉化版 https://github.com/b...