问题标签 [bodymovin]

我正在尝试将 Lottie/Bodymovin' 集成到 Ionic 4 应用程序中，但我没有运气。

目前我正在运行：

• “@ionic/angular”：“4.1.0”
• “@angular/core”：“~7.1.4”
• “ng-lottie”：“0.3.1”

我得到的错误是：

ERROR DOMException: Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was 'json').

我还尝试过以下库：

• https://www.npmjs.com/package/ngx-lottie
• https://chenqingspring.github.io/ng-lottie/demo/

我仍然得到同样的错误。

实现非常简单，因此不是实现问题。

我真正能想到的唯一其他选择是直接使用类型文件导入 bodymovin，但我从未尝试过。

我愿意接受任何我可能没有想到的建议。

我有一次播放乐天动画。当它完成播放时，我想将其淡出。

最好的方法是什么？

我正在尝试淡入和淡出 SVG lottie 动画。

BodyMovin / LottieFiles - 要求您拥有 JSON 格式的 After Effects 动画并存储在您的服务器上。

因为 GitHub Pages 是一个没有后端的静态站点，这是否意味着您不能将 LottieFiles 与 GitHub Pages 一起使用？

如果可以的话，有没有人有这样做的例子，请 -

我使用 bodymovin 和 Json After Effects 文件在其他网站上运行动画，而不是 github 页面

我使用Lottie-web制作了 Lottie 动画，现在尝试动态更改颜色，因此我使用了Lottie API ( https://github.com/bodymovin/lottie-api )。在那，我得到了改变颜色的 keyPath，但不知道如何改变对象的颜色。

这是创建lottie对象动画的代码

用于更改我使用的 Lottie JSON 的颜色

我得到了一个对象的路径，但现在我不知道如何改变颜色，所以如果有人知道，请帮助我？

我的鼠标控制器乐蒂动画有问题。

因此我创造了这支笔，用来摆弄:)

https://codepen.io/duderion/pen/bGbXNqe

目标是，lottie 动画从视口的顶部到底部（减去顶部菜单），左右应该被裁剪（你不能一次显示整个动画，所以裁剪是一种自然行为）

我认为（我仍然认为）“xMidYMax slice”是正确的方法。我认为它是“最大化高度，并左右切片”......

我试图在bodymovin渲染器设置中设置它

但无论我做什么，如果我调整视口大小，它都不会改变它的格式。

动画就在这个框架内，不是全高:(

我希望，这里有人有这种问题的经验，可以给我一个提示。

提前致谢

阿德里安

我创造了不同的动画思想 Bodymovin。一旦滚动到达动画，我想触发动画。我正在尝试找出方法，但不幸的是我无法做到。

我正在使用 Gatsby JS（React 框架）。我将代码粘贴到 .js 文件的此处：

我尝试了https://www.npmjs.com/package/react-animate-on-scroll的库，但对我不起作用。动画出现了，但它已经被解雇了。

有人可以帮我解决这个问题吗？我会很感激的。

谢谢

我正在尝试通过 PreloadJS 库为我的网站创建预加载。

在该网站上，我通过 bodymovin / lottie 创建了十几个项目。

Bodymovin 使用图形元素和动画的所有信息创建 json 文件。使用 Lottie 将其呈现为 svg。

如果没有 PreloadJS，json 文件通常由浏览器加载，但使用 PreloadJS，它首先由浏览器加载，然后第二次预加载。

所以我想知道我做错了什么。

重复的预加载文件示例

我对图像（加载两次）有同样的问题，但我解决了将“false”添加到“new createjs.LoadQueue(false)”但对于所有其他文件类型（json、js、css）的加载两次问题仍然存在。

预载部分

乐蒂部分

我正在尝试使用 ScrollMagic 来控制移动 Lottie 动画播放头的 TimelineMax。

因此，当用户滚动时，动画会根据滚动的速度和方向播放。我离我很近，需要一点帮助才能将效果带回家。

首先，我包括我的图书馆

然后...

现在，动画设置...

这就是我苦苦挣扎的地方：

最后，把这一切重新组合在一起......

对于我的一生，我看不出我是否goToAndStop正确使用了该方法。谢谢你的时间。

我是 Adob​​e After Effects 的初学者并创建 Lottie json 文件。有什么方法可以将 PNG 序列转换为 Lottie JSON。

我尝试使用 After Affects 和 Bodymovin Plugin 导出 json。

我正在使用 react-bodymovin 包（https://www.npmjs.com/package/react-bodymovin）嵌入 Bodymovin 动画，但我想在动画播放一次后循环播放一段动画。

我可以看到使用 HTML 版本的 Bodymovin 很简单，因为您只需使用相关方法来执行此操作，例如（假设 div 具有 ID bodymovin：

但是，我不确定在使用 React 组件时如何访问这些相同的方法。这是我的组件：

我有一种感觉，由于这个 React 包装器与 Bodymovin 一起工作的方式的性质，可能无法访问文件中的方法，但如果有人知道这样做的方法，我很想听听。谢谢。