小程序
小游戏
企业微信
微信支付
扫描小程序码分享
现象
第一个500k的json, 动画正常加载渲染;
第二个3.8M的json,动画渲染失败,无报错,页面展示了部分内容,还有一部分是黑色块,无动画效果。
问题:
小程序lottie动画的json大小有限制吗? 第二个是因为json文件过大,导致渲染失败的吗?
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
问题解决了,原因是lottie动画制作时使用了遮罩高级特性,导致在小程序中无法正常渲染。将遮罩换成纯透明效果,就能正常展示了。
同时也确认了,lottie的json文件大小并没有限制,只是越大的json动画初始化耗时越长。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
小程序主包和分包大小是分别限制不能大于2M,你3.8M的文件放代码包内?
lottie.loadAnimation({
loop: true,
autoplay: true,
path: props.lottiePath, // 这个地方是一个https://xxx 动态获取的
rendererSettings: {
context
}
})
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
问题解决了,原因是lottie动画制作时使用了遮罩高级特性,导致在小程序中无法正常渲染。将遮罩换成纯透明效果,就能正常展示了。
同时也确认了,lottie的json文件大小并没有限制,只是越大的json动画初始化耗时越长。
小程序主包和分包大小是分别限制不能大于2M,你3.8M的文件放代码包内?
lottie.loadAnimation({
loop: true,
autoplay: true,
path: props.lottiePath, // 这个地方是一个https://xxx 动态获取的
rendererSettings: {
context
}
})