问题标签 [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.
javascript - Bodymovin JS 的鼠标悬停事件
我希望将鼠标悬停事件添加到从 After Effects 导出的 SVG 中。我希望 SVG 在mouseover
. 到目前为止,我已经玩过该animation-play-state
属性,但它没有奏效。我也尝试onmouseover
在脚本中使用并尝试为 . 添加事件侦听器mouseover
,但仍然没有。我究竟做错了什么?
javascript - Bodymovin:您创建多个 Json 导出/动画并且只引用一个玩家
我有 4 个 bodymovin 动画要放在网站上。目前,我正在使用每个动画/json 导出来上传播放器。我需要这样做还是我可以只包含播放器一次,然后个人 Json 将使用该播放器来减小文件大小。
亲切的问候
瑞安
javascript - 鼠标悬停时播放动画,鼠标悬停时停止
我是新手。我得到了一个运行良好的代码,但是如何让它在鼠标悬停时可播放,而在 JavaScript(jQuery)中鼠标悬停时可停止。我也希望当我们再次将鼠标悬停时,动画会从头开始。我添加了几行,例如:
制作悬停效果,但是当鼠标悬停时动画仍在播放,并且<div>
直到我在开始鼠标悬停时才显示我的动画(这不好:()。如果你能在代码行附近写评论会很棒。谢谢你。
javascript - 鼠标离开时反向播放动画JS。
我有一个很好用的代码。我不喜欢的是,当 mouseleave 动画停止时。这是不好的。我有几个想法:
- 如何使“停止”更顺畅和用户友好?
鼠标离开后如何进行“反向播放”?(鼠标离开后从故障点播放反向动画)
/li>
html - 响应式 Bodymovin 动画
如何嵌入 bodymovin 导出的文件以做出响应,同时保持徽标和字体的正确纵横比,并适合我网站的边界?有任何想法吗?
先感谢您
javascript - 如何在 bodymovin.js 中使用事件
提前为我的无知道歉,因为我怀疑这是一个很容易回答的问题,但我被困住了。
我正在使用 bodymovin 在网站上播放 svg 动画。我想在动画完成时使用 onComplete 事件触发一个函数,但我不知道如何编码。
我试过了
和
Bodymovin 文档 - https://github.com/bodymovin/bodymovin#events
javascript - 切换 mouseenter 事件
我有一个使用 bodymovin 的动画,当我将鼠标输入它时会触发它并且我正在尝试制作它,这样如果我在动画结束之前再次将鼠标悬停在它上面,它就不会重新启动。
我的语法错误还是我的逻辑有缺陷?
javascript - 如何触发滚动功能
当我滚动到页面中的某个点时,我想触发一些动画。
我认为我没有正确的语法来使用 scrollTop 属性调用我的动画函数。我用警报测试了它,它工作正常。
谢谢
javascript - 如何检查bodymovin动画是否完整?
我希望在完成动画时破坏动画。试过addEventListener
了,没有用。