uni.canvasToTempFilePath在app正常,微信小程序报错: fail canvas is empty

在微信小程序中遇到uni.canvasToTempFilePath方法生成图片临时路径失败,错误信息为failcanvasisempty。问题关键在于自定义组件下,需正确指定canvasId及组件实例。解决方案是使用uni.createCanvasContext创建画布上下文,并在uni.canvasToTempFilePath中传入对应的canvasId。通过此方法,可以成功获取到canvas内容的临时文件路径。

问题描述:

        在微信小程序使用uni.canvasToTempFilePath,画布可以画出图像,但是生成图片临时路径报错:fail canvas is empty 。

问题分析:

        uni.canvasToTempFilePath(object, component),在自定义组件下,第二个参数传入自定义组件实例,以操作组件内 <canvas> 组件。

解决方案:

        const ctx = uni.createCanvasContext('自己定义的canvas id', this);

        uni.canvasToTempFilePath({
                        canvasId: '自己定义的canvas id'
                        complete: res => {
                            console.log(res.tempFilePath) //相对路径
                        }
                    }, this)

        注意:红色字体是重点

补充:自己遇到的问题记录一下,可供大家选择性参考

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值