0

刚接触编码,试图看看标签是什么/如果标签可以使这个代码工作

所以我是一个有基本理解的初学者,更多的是图形/设计师而不是基于代码的。我找到了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应该是的信息是否有意义?targetAnim到目前为止,把var animationData休息的事情和什么都不做(视觉上)。

4

1 回答 1

1

bodymovin.loadAnimation可以通过选项将 URL 传递给 Bodymovin JSON,也path可以通过设置选项来传递动画 JSON animationData

在你的情况下,它最终看起来像:

var animation = bodymovin.loadAnimation({
  container: targetAnim,
  animationData = {"v":"5.4.2","fr":29.9700012207031,"ip":0,"op":149.000006068894...
...
})
于 2019-06-11T22:26:28.900 回答