问题标签 [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 - 如何让按钮播放乐蒂动画，同时在里面
所以我有一个乐天动画，它正是我需要的动画，但它只能自动播放或悬停播放或有视频控制。
我想要做的是在动画中伪装一个按钮，并且只有在单击它后才播放动画。
我不需要担心停止按钮或重置它，因为它是一次性的。下面是一些动画的照片，所以它会清楚我想要什么。
我希望发送按钮成为一个按钮，因为现在它只是我在后期效果中制作的乐天动画的一部分。
我在 Adobe After Effects 中制作了 lottie 动画，并使用 bodymovin 将其导出为 lottie 动画。
我觉得 JavaScript 必须有一种方法能够在动画开始之前停止动画，并且只有在我单击某个按钮后才会播放。然后我可以尝试将该按钮的样式设置为与 lottie 动画相同，并将其放在相同的顶部位置，它只需要播放一次，但是我在 JavaScript 方面还不够好，不知道它是否可能或如何做它。
问
javascript - 如何定位 svg 元素？
WordPress 网站。我正在尝试更改通过 bodymovin 设置动画的 svg 图标的颜色。我希望动画在悬停时改变颜色，我想我可以通过定位 svg 路径来做到这一点。问题是我无法定位 svg。我在一个 HTML 集合中有七个图标，每个项目都有一个嵌套在其中的 svg。如何瞄准这些？
我的 php 文件：
我试过在icon上使用 innerHTML 属性，但是 console.log 出现空白。
kotlin - 我想制作一个 4.59GB 的视频作为 lottie 文件
我想制作一个 4.59GB 的视频作为 lottie 文件，但是当我在 bodymovin 上单击渲染时，出现“无法加载动画”。我应该怎么办？
bodymovin - Bodymovin 问题与矢量移位和图片变形
我用 bodymovin 导出一个动画，它看起来像：
但它应该看起来像：
向量移动了，但我不明白为什么。任何帮助或指示将不胜感激。
javascript - 我想展示 2 个不同的抽签动画，svg1 和 svg2
这是我的代码，目前它显示 svg1 两次。我想显示 svg1 和 svg2。
未来我想添加超过 2 个 SVG 动画。我是新来的反应和洛蒂
谢谢
javascript - 插件 Bodymovin
我想用插件“bodymovin”将动画字体放在我的网站中（这个价格是在 svg 中转换 json 文件），我使用框架 laravel。我已经按照这个例子：https ://codepen.io/airnan/project/editor/ZeNONO
我设法找到我的文件，我的 js 的导入器，当我想显示我的 json 时出现此错误，我看不到它是什么？我忘记了什么？
Uncaught TypeError: keyData.e is undefined
这是我的 js 代码：
after-effects - 使用表达式在导出期间调试 Bodymovin 扩展崩溃
在我们的导出过程中，bodymovin 似乎会因随机渲染失败而崩溃。
有没有办法调试这个？
javascript - json 动画不会出现在我的网站上？
嗨，我是一个完整的初学者，所以我很抱歉我的代码混乱（我也提前为我的英语道歉）。
我目前正在尝试为自己编写一个网站，我制作了一个搅拌机动画，我用后效编辑，然后用 bodymovin 导出。我不知道我是否链接了我的 script.js 错误或其他什么，但我关注了大量视频，但似乎没有任何效果，因为它不会出现在我的网站上，或者我的 script.js 出现错误。我希望我在这里正确地发布我的代码。
HTML：
脚本.js
提前致谢！
编辑：
我的动画是移动的云。我使用括号，但在网站上无处可见。
我目前有一个错误
这些是我得到的所有错误：
'bodymovin' 是在定义之前使用的。var animation = bodymovin.loadAnimation({ 3
预期 'renderer' 在第 1 列，而不是第 5 列。renderer: 'svg', 3
预期 '}' 以匹配第 1 行的 '{' 而是看到 'renderer'。renderer: ' svg', 3
Expected ')' 匹配 '(' 从第 1 行看到 ':'。renderer: 'svg', 3
Expected ';' 而看到 'svg'。renderer: 'svg', 3
Expected ' svg' 在第 1 列，而不是第 15 列。 renderer: 'svg', 3
需要赋值或函数调用，而是看到一个表达式。renderer: 'svg', 3 需要
';' 而不是看到 ','。renderer: ' svg', 3
预期 ','
在第 1 列，而不是第 20 列。 renderer: 'svg', 3需要一个标识符，但看到的是 ','。渲染器：'svg'，3
停止。（42% 扫描）。渲染器：'svg'，
google-chrome - Chrome 上的 After Effects 动画卡顿
你可以在这里访问网站
徽标动画是使用 After Effects 创建的，然后我使用它bodymovin并将lottie动画转换为 ajson并在网站上播放。但是，我注意到当线条开始出现时，动画开始时会有轻微的卡顿。不过，这只发生在 Chrome 中。我已经用 Safari 和 Firefox 进行了测试，并且都运行良好。我不确定为什么这种情况只发生在 Chrome 上，有什么办法可以修复它们以使其顺利运行？
如果您需要任何进一步的信息，请随时在下面发表评论，我非常乐意为您提供lottie.js我曾经调用的代码和脚本bodymovin。
更新（临时修复）
我通过在动画开始时添加延迟来解决这个问题，因为我注意到口吃只发生在动画开始时。通过延迟，我只是延长了动画的持续时间，并在开始时添加了大约 10-20 个空帧。