【微信小程序】canvas.canvasToTempFilePath导出图片会卡、慢-爱科技问答

智能回答

【微信小程序】canvas.canvasToTempFilePath导出图片会卡、慢

展开

没找到满意答案？去问豆包AI智能助手

取消复制问题

yu764198079

这个问题我折腾了一整天，最后发现是微信基础库版本的问题，低版本的库对canvas支持特别差，我升级到10以上之后明显流畅了，另外建议你检查一下是不是在循环里频繁调用了canvasToTempFilePath，这种操作很容易阻塞主线程，最好加个节流控制，同时确保图片路径是本地临时文件而不是网络地址，不然加载就会拖慢整个流程
tza112

其实这个问题很多人都踩过坑，特别是安卓机上特别明显，我后来改成了分步处理，先把绘图操作拆开，用setTimeout隔几毫秒再执行导出，虽然听起来很土但真的有用，而且记得调用canvasToTempFilePath之前先把其他无关的setData都去掉，避免页面重渲染拖慢速度，还有就是图片尽量不要超过1MB，太大了就会卡得不行
cfzhang5

我之前也遇到过这问题，一开始以为是代码写得有问题，后来发现其实是小程序的canvas机制本身就有性能瓶颈，尤其是图片尺寸大的时候更明显，我试了把画布宽高压缩到300px左右就好很多，而且一定要在真机测试别用开发者工具，那个根本不准，还有一点就是生成前先wx.nextTick一下，让渲染完成再执行导出，能缓解卡顿感
Anlwz

说实话这问题根本没法完全解决，只能优化体验，我现在的做法是导出前给个loading提示正在生成图片请稍候，让用户有心理预期，然后把canvas绘制过程尽可能简化，比如不用太复杂的滤镜或阴影，文本也别太多层，每减少一个绘制步骤都能提升一点速度，最关键的是别在onShow里直接触发，延迟100毫秒再执行会顺滑很多

【微信小程序】canvas.canvasToTempFilePath导出图片会卡、慢

最新回答更多>

相关问答

热门推荐

【微信小程序】canvas.canvasToTempFilePath导出图片会卡、慢

最新回答 更多>

相关问答

热门推荐

最新回答更多>