【报Bug】uni.canvasToTempFilePath 在华为手机上无效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win7

HBuilderX类型：正式

HBuilderX版本号： 2.9.8

手机系统： Android

手机系统版本号： Android 10

手机厂商：华为

手机机型：华为mate 30 pro 5G（LIO-AN00）

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

App下载地址或H5⽹址： http://d.firim.pro/testiqfios

示例代码：

// 绘制到画布并生成图片  
canvasImage () {  
    this.canvas.draw(false, setTimeout(() => {  
        setTimeout(() => {  
            // #ifndef MP-ALIPAY  
            uni.canvasToTempFilePath({  
                x: 0,  
                y: 0,  
                width: Number(this.width),  
                height: Number(this.height),  
                fileType: 'jpg',  
                canvasId: 'canvas',  
                success: (res) => {  
                    this.$emit('canvasImage', res.tempFilePath);  
                    if (this.showPreview) {  
                        this.showPreviewFn(res.tempFilePath);  
                    }  
                },  
                fail: (res) => {  
                    console.log(res);  
                },  
                complete: () => {  
                    uni.hideLoading();  
                }  
            }, this);  
            // #endif  
            // #ifdef MP-ALIPAY  
            // 支付宝的  
            // #endif  
        }, 500);  
    }));  
},

操作步骤：

运行设备：华为
开发APP -> 我的 -> 分享得积分 -> 邀请
无法生成海报。
在出华为机型上正常生成海报

预期结果：

期望在华为手机上，也能正常生成海报

实际结果：

未解决

bug描述：

在开发分享APP海报的时候，使用uni.canvasToTempFilePath报错，报：

"errMsg": "canvasToTempFilePath:fail SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported."

自行排查问题为：
APP，此情况只在华为手机上无效，其他型号手机正常；
小程序，在华为、其他机型上也正常。

2020-12-09 10:55 负责人:无分享

11 个回复

南安

我也出现了这个问题，只有华为的手机在app端有这个问题，提示：canvasToTempFilePath:fail SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.希望官方重视一下