问题标签 [bodymovin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1712 浏览

javascript - Bodymovin JS 的鼠标悬停事件

我希望将鼠标悬停事件添加到从 After Effects 导出的 SVG 中。我希望 SVG 在mouseover. 到目前为止,我已经玩过该animation-play-state属性,但它没有奏效。我也尝试onmouseover在脚本中使用并尝试为 . 添加事件侦听器mouseover,但仍然没有。我究竟做错了什么?

0 投票
1 回答
902 浏览

javascript - Bodymovin:您创建多个 Json 导出/动画并且只引用一个玩家

我有 4 个 bodymovin 动画要放在网站上。目前,我正在使用每个动画/json 导出来上传播放器。我需要这样做还是我可以只包含播放器一次,然后个人 Json 将使用该播放器来减小文件大小。

亲切的问候

瑞安

0 投票
0 回答
587 浏览

javascript - 鼠标悬停时播放动画,鼠标悬停时停止

我是新手。我得到了一个运行良好的代码,但是如何让它在鼠标悬停时可播放,而在 JavaScript(jQuery)中鼠标悬停时可停止。我也希望当我们再次将鼠标悬停时,动画会从头开始。我添加了几行,例如:

制作悬停效果,但是当鼠标悬停时动画仍在播放,并且<div>直到我在开始鼠标悬停时才显示我的动画(这不好:()。如果你能在代码行附近写评论会很棒。谢谢你。

0 投票
2 回答
1402 浏览

javascript - 鼠标离开时反向播放动画JS。

我有一个很好用的代码。我不喜欢的是,当 mouseleave 动画停止时。这是不好的。我有几个想法:

  1. 如何使“停止”更顺畅和用户友好?
  2. 鼠标离开后如何进行“反向播放”?(鼠标离开后从故障点播放反向动画)

    /li>
0 投票
1 回答
1393 浏览

html - 响应式 Bodymovin 动画

如何嵌入 bodymovin 导出的文件以做出响应,同时保持徽标和字体的正确纵横比,并适合我网站的边界?有任何想法吗?

先感谢您

0 投票
2 回答
9843 浏览

javascript - 如何在 bodymovin.js 中使用事件

提前为我的无知道歉,因为我怀疑这是一个很容易回答的问题,但我被困住了。

我正在使用 bodymovin 在网站上播放 svg 动画。我想在动画完成时使用 onComplete 事件触发一个函数,但我不知道如何编码。

我试过了

Bodymovin 文档 - https://github.com/bodymovin/bodymovin#events

0 投票
1 回答
73 浏览

javascript - 切换 mouseenter 事件

我有一个使用 bodymovin 的动画,当我将鼠标输入它时会触发它并且我正在尝试制作它,这样如果我在动画结束之前再次将鼠标悬停在它上面,它就不会重新启动。

我的语法错误还是我的逻辑有缺陷?

0 投票
2 回答
902 浏览

javascript - 如何触发滚动功能

当我滚动到页面中的某个点时,我想触发一些动画。

我认为我没有正确的语法来使用 scrollTop 属性调用我的动画函数。我用警报测试了它,它工作正常。

谢谢

0 投票
3 回答
767 浏览

javascript - 如何检查bodymovin动画是否完整?

我希望在完成动画时破坏动画。试过addEventListener了,没有用。

0 投票
1 回答
444 浏览

javascript - 如何为bodymovin做scrollevent和控制动画?

我想触发 bodymovin [JSON] 的滚动动画,它可以在滚动上控制,即向前和向后。

阿尔弗雷德,需要类似的行为。

欢迎提出建议,我应该如何处理这个 OnScroll 事件?