使用Lottie加载Json动画

📅 2026/8/2 3:46:26 👁️ 阅读次数 📝 编程学习
使用Lottie加载Json动画

文章目录

    • 概要
    • 在线工具
    • 界面展示
    • 小结

概要

软件开发过程中,经常需要在界面嵌入操作动画,常规的做法是直接导入视频或者GIF动画,这样带来很多的问题,更推荐的技术是使用工具将GIF文件转化成Json格式存储在页面上,规避了很多安全问题。

在线工具

  • Observable Notebooks

https://observablehq.com/@forresto/video-to-lottie

  • Lottiefiles

https://lottiefiles.com/preview

界面展示

  • Observable Notebooks

  • Lottiefiles

小结

以上工具可以从GIF转成Json格式,也可以反过来从Json格式看原动画。支持双向转化。