【微信小程序】canvasToTempFilePath:fail fail canvas is empty

在微信小程序开发者工具会报错canvasToTempFilePath:fail fail canvas is empty，怎么解决呢

1. 问题呈现

在微信小程序开发者工具会报错内容，如下图所示

2. 看说明书

最好是先看一下官方文档点此前往，上面写的，以前的是以前，现在的是有了变化

💡 可能是官网打算弃用canvasId，也就是说，只传这个的话就会报错！没用的可以选择不传

3. 解决问题

修改对应的代码，如下所示，然后再试试运行，会发现不报错了

const canvasId = 'canv';
wx.createSelectorQuery().in(this).select('#'+canvasId).fields({
		size:true,
		node:true,
	},(res)=>{
	const canvas = res.node;
	const ctx =  canvas.getContext('2d');
	ctx.draw(false,()=>{
		uni.canvasToTempFilePath({
			canvasId:canvasId,
			canvas:canvas,
			success: (res) => {
				console.log('filepath',res.tempFilePath);
				ctx.draw();
			}
		},this)
	})
)}.exec()

💡 官方文档上还说，wx.createCanvasContext(canvasId,this)已停止维护了，虽然有些小插曲，但是无伤大雅~~

到此结束，如有问题，请留言评论，ヾ(￣▽￣)Bye_Bye