是否有可以解决此问题的标签?

时间:2019-06-06 19:09:12

标签: lottie bodymovin

编码新手,尝试查看什么/如果标签会使该代码起作用

因此,我是一个具有基本了解的初学者,并且比基于代码的更多的是Graphics / Designer。我找到了WEDOO的Codepen:     (https://codepen.io/WEDOO/pen/EQrOxV)

正是我所需要的,并且想要尝试仅交换“ animationData”以查看是否可以使它工作,然后根据需要进行修改以进行测试(将按钮代码分配给该对象的各个对象SVG)。我似乎找不到正确的“标签”或确定它是否引用了外部脚本...我想它只是需要正确的信息才能起作用...对吗?

谢谢!

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

我从BodyMovin输出的JSON文件:

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

以为我需要用JSON文件中的代码将应为“ targetAnim”的信息替换为“ var animation”,是否有意义?到目前为止,“ var animationData”破坏了一切,却无济于事(在视觉上)。

1 个答案:

答案 0 :(得分:0)

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

在这种情况下,它最终看起来像:

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