如何让按钮播放乐蒂动画，同时在里面

Posted 2023-02-26

【中文标题】如何让按钮播放乐蒂动画，同时在里面

【英文标题】：How to make a button play a lottie animation, whilst being inside of it

【发布时间】：2021-02-27 01:53:04

【问题描述】：

所以我有一个乐天动画，它正是我需要的动画，但它只能自动播放或悬停播放或有视频控制。

我想要做的是在动画中伪装一个按钮，并且只在单击后播放动画。

我不需要担心停止按钮或重置它，因为它是一次性的。下面是一些动画的照片，所以它会清楚我想要什么。

我希望发送按钮成为一个按钮，因为现在它只是我在后期效果中制作的乐天动画的一部分。

我在Adobe After Effects中制作了乐蒂动画，并使用bodymovin将其导出为乐蒂动画。

我觉得 javascript 必须有一种方法能够在动画开始之前停止动画，并且只有在我单击某个按钮后才会播放。然后我可以尝试将该按钮的样式设置为与 lottie 动画相同，并将其放在顶部相同的位置，它只需要播放一次， 但是我在 JavaScript 方面还不够好，不知道它是否可行或如何去做。

Q

【参考方案1】：

编辑：终于找到了一种方法来做到这一点，通过使其不播放彩票并在顶部放置一个不可见的按钮并添加一些简单的 js 事件侦听器以使其单击 invis 按钮触发动画。 很高兴我完成了它，今天真的很需要它。