许多我们使用After Effects来创作动画的朋友都知道，AE的json导出功能非常便利，它允许我们把AE中的动画导出成为json格式的数据文件，进而在网页中使用，实现更加丰富多彩的交互效果。但是，在使用这个导出功能的时候，你有没有遇到过关键帧丢失的问题呢？
let jsonData = require('./test.json');
const anim = bodymovin.loadAnimation({
container: document.getElementById('bm'),renderer: 'svg',loop: true,autoplay: true,animationData: jsonData
});
以上代码演示了如何使用bodymovin库来加载json文件，并渲染展示动画。但是，如果你的AE动画中含有关键帧，而你在导出json时没有进行设置，那么这些关键帧就会被忽略，导致动画效果不完整甚至出现异常。
为了解决这个问题，我们需要在AE中进行设置。具体步骤如下：
1. 选中需要导出的对象，并选择“文件-导出-创建bodymovin.json文件”
2. 在弹出的窗口中勾选“导出表达式”和“导出关键帧”
通过以上设置，我们可以保证在导出json文件时可以完整保留AE中的关键帧信息，使得使用导出的json文件在网页中展示动画时不会出现异常现象。
总之，了解这个问题在我们使用AE创建动画并导出到网页中的时候非常重要，不然我们可能会浪费很多时间和精力在寻找问题和修复问题上。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
