Question

我想创建一个没有任何外部依赖性的动画Web组件。

直到现在，当我使用Lottie时，我都提供了Lottie JSON的路径

lottie.loadAnimation({
  [...]
  path: 'data.json' // the path to the animation json
});

但是我需要打包我的Web组件，而无需外部引用JSON。

我的第一个想法是将JSON内容放入Blob，然后使用URL.createObjectURL()创建本地URL。

是否有更直接的方法来创建已经加载了JSON的动画？

Answer 1

Bodymovin具有导出独立动画文件的选项。这会将您的json和播放器本身捆绑到一个您可以使用的js文件中。