Question

我正在更新使用Ionic v1创建的现有项目，在其中必须添加Lottie动画。

我在Github上找到了类似的线程-https://github.com/yannbf/ionic-lottie/issues/1

我试图在index.html中添加bodymovin脚本，并从控制器调用该函数，但没有任何反应。我没有收到任何错误，所以我不确定这里出了什么问题。

这是我正在使用的脚本-https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.2/lottie.js

这是我用来调用Lottie函数的代码

$scope.animData = {
  wrapper: angular.element(document.getElementById('lottie')),
  animType: 'html',
  loop: true,
  prerender: true,
  autoplay: true,
  path: 'js/data.json'
};
$scope.anim = bodymovin.loadAnimation($scope.animData);

有人能找到可行的解决方案吗？或者知道我可能错了吗？

感谢所有帮助！

Answer 1

我设法解决了。

如果有人遇到相同的问题，那么问题就出在angular.element（document.getElementById（'lottie'））返回一个对象。

在ionic v1中显示抽奖动画的正确方法是：

$scope.animData = {
    wrapper: angular.element(document.getElementById('lottie'))[0],
    animType: 'svg',
    loop: true,
    prerender: true,
    autoplay: true,
    path: 'js/data.json'
};
$scope.anim = bodymovin.loadAnimation($scope.animData);

Ionic v1项目中的Lottie动画

1 个答案: