bodymovin

    9热度

    2回答

    让我的动画触发悬停播放。我有一切工作,但当我试图再次徘徊玩,似乎没有任何工作。 任何想法我写错了什么? var squares = document.getElementById("test"); var animation = bodymovin.loadAnimation({ container: test, renderer: "svg", loop: fal

    1热度

    1回答

    我有几个图标,当它们悬停在图标上时,它们有一个介绍动画[0,20],以及一个循环动画[21,100]。将loop设置为true会使我所有的段都循环,这不是我想要的,我只需要其中一个段进行循环。无论如何,这样做? 这里是我怎么有我的代码设置一个例子: var data = { container: el, renderer: 'svg', loop: fal

    0热度

    1回答

    我正在使用sample.json图像文件,它是我的页面中的bodymovin动画,通过Lottie for React Native。 我得到图像,但未完全检索图像,图像的某些部分丢失,并且在图像的某一侧,图像上粘贴了绿色。 但我通过在线json图像查看器检查了sample.json。但与从源头 图像没有问题,这里是问题https://i.stack.imgur.com/yFZfg.jpg 这里是

    0热度

    1回答

    我有一个After Effects的基本动画,安装bodymovin(没有任何错误),并希望导出为Lottie动画。 但所有我出口时得到的是一个空的JSON文件。 我在出口课程时选择我的作文,我只有一个作文。 我检查了tips and guidelines以及supported features, 但我没有发现任何奇怪的事情,我不应该这样做。 这里是我的动画的截图: 任何想法? 干杯

    0热度

    1回答

    如何嵌入一个bodymovin导出文件来响应,但保持标志和字体的正确纵横比,并适合我的网站寄宿生?有任何想法吗? 预先感谢您

    5热度

    2回答

    道歉事先为我的无知,因为我怀疑这是一个很容易回答的问题,但我卡住了。 我正在使用bodymovin在网站上播放svg动画。我想在动画完成时使用onComplete事件触发一个函数,但我无法弄清楚如何编写它。 我已经试过 $("#bodymovin").on("onComplete", function(){ console.log('test completed'); });

    0热度

    1回答

    我在我的项目中使用bodymovin脚本。虽然我的一些动画SVG的在浏览器中渲染,我仍然收到此错误 Uncaught TypeError: Cannot read property 'appendChild' of undefined at SVGRenderer.configAnimation (bodymovin.min.js:5) at AnimationItem.con

    0热度

    1回答

    我有一个动画使用bodymovin,当我mouseenter触发时,我试图让它如此,如果我在动画结束之前再次将其鼠标悬停,它不会重新启动。 squareAnim.addEventListener('mouseenter', function(){ anim.removeEventListener('loopComplete', loopHandler); anim.goToAndStop(1)

    0热度

    3回答

    我想在完成动画时破坏动画。尝试addEventListener,没有奏效。 anim = bodymovin.loadAnimation(params); animContainer.addEventListener("complete", myScript); function myScript(){ anim.destroy(); }

    0热度

    1回答

    当滚动浏览页面中的某个点时,我想要触发一些动画。 我不认为我有正确的语法用scrollTop属性调用我的动画函数。我用警报测试了它,它工作正常。 var illustArr = ['map', 'privacy', 'payment', 'rewards', 'security', 'passcode']; var illust; function addListenerToElement(