微信小程序Canvas生成图片失败：canvas is empty问题解析

liu_bees2026-02-04 11:54

在uniapp中，使用长按事件，然后调用uni.canvasToTempFilePath方法，结果报错：

{"errMsg":"canvasToTempFilePath:fail fail canvas is empty"}

在uniapp中，使用长按事件，然后调用uni.canvasToTempFilePath方法，结果报错：

json 复制代码

{"errMsg":"canvasToTempFilePath:fail fail canvas is empty"}

可是，调用uni.createCanvasContext生成都是成功的呢？

于是问了某元宝...还不如不问！

最后，发现问题出现在插件引用~

我把生成图片，长按保存，封装成了一个组件，由外部调用它。

可笑的是官网文档已经写了这件事，可我*没看懂 $捂脸笑$

官文，你加个demo不行么？

最后结果如下，即传入第二个参数为this ：

生成：

js 复制代码

const ctx = uni.createCanvasContext(this.codeCanvasId, this);

保存：

js 复制代码

uni.canvasToTempFilePath({canvasId.....}, this);

懂了吧？

end.