uniapp - 解决报错 canvasToTempFilePath: fail canvas is empty 画布为空错误，生成海报相册、二维码、条码、裁剪/拼合操作图片报错，加了this还是报错

前言

关于此问题网上的教程都无法解决，如果您的报错信息与我相似，即可解决。

在 uniapp 全平台（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，报错：canvasToTempFilePath: fail canvas is empty 详细解决办法，uni-app生成海报图需求、生成二维码、条码等画布保存相关功能时就会出现这个问题，这个错误非常恶心各种平台都可能会报错，尤其是做兼容时微信小程序和H5移动端更容易出现这个错误提示，很多教程让额外增加一个this实际上并没有用(而且vue3还没有this)，本文保证搞定。

---

如下图所示，uniapp（v2 | v3）版本项目均可，只要报错差不多就能 100% 完美解决。

解决方案

按照下方教程及示例代码，轻松搞定此问题。