使用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格式看原动画。支持双向转化。