有没有标签可以解决这个问题？

Question

编码新手，尝试查看 what/if 标签将使此代码有效

所以我是一个有基本理解的初学者，更多的是图形/设计师而不是基于代码的。我找到了 WEDOO 的 codepen，它正是我需要的，我想尝试交换我的“animationData”，看看我是否可以让它工作，然后根据我的测试需要修改它（将分配给SVG 的各种对象的按钮代码）。我似乎无法找到正确的“标签”或确定它是否引用了外部脚本...我认为它只需要正确的信息才能运行...是否正确？

提前致谢！

var animation = bodymovin.loadAnimation({
  container: targetAnim,
  path: 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/914929/data-testo4.json...

我在 JSON 文件中从 BodyMovin 输出：

var animationData = 
  {"v":"5.4.2","fr":29.9700012207031,"ip":0,"op":149.000006068894...

认为我需要用 JSON 文件中的代码替换 var animation 的信息有意义吗？到目前为止 var animationData 破坏了东西并且什么都不做（视觉上）。

Answer 1

bodymovin.loadAnimation 可以通过 path 选项将 URL 传递给 Bodymovin JSON 或者您可以通过 JSON 内联传递动画 JSON改为设置 animationData 选项。

在你的情况下，它最终看起来像：

var animation = bodymovin.loadAnimation({
  container: targetAnim,
  animationData = {"v":"5.4.2","fr":29.9700012207031,"ip":0,"op":149.000006068894...
...
})

有没有标签可以解决这个问题？

Are there Tags that could solve this?

bodymovin

lottie