【报Bug】uni.canvasToTempFilePath微信公众号H5报错

分类：uni-app

bug已修复

产品分类： uniapp/H5

PC开发环境操作系统： Windows

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

浏览器平台：微信内置浏览器

浏览器版本： 7.0.18

项目创建方式： CLI

CLI版本号： 2.0.0

App下载地址或H5⽹址： https://crm-mobile-test.itianding.com/pages/center/index

示例代码：

getNewImage() {
uni.canvasToTempFilePath({
canvasId: _this.CanvasID,
quality: 1,
success: async res => {
console.log('回调canvasToTempFilePath成功', res)
_this.result = res.tempFilePath
const curInfo = await _this.getImageInfo({ imgSrc: _this.result })
// 保存绘制的图片信息
_this.drawimgsInfo.push(curInfo.height)
_this.curImgInfo = curInfo.height
// 保存绘制的图片
_this.drawImgs.push(_this.result)
_this.drawNum++
_this.reDraw()
},
fail: (err) => {
console.log('回调canvasToTempFilePath失败', err)
uni.showToast({
title: '海报生成失败',
icon: 'none',
duration: 2000,
success: () => {
_this.$emit('success', _this.imgList)
}
})
}
})
},

操作步骤：

canvasToTempFilePath:fail SecurityError
errMsg: "canvasToTempFilePath:fail SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement':

预期结果：

errMsg: "canvasToTempFilePath:ok"

实际结果：

canvasToTempFilePath:fail SecurityError

bug描述：

uniapp开发的H5的微信公众号使用uni.canvasToTempFilePath生成指定大小的图片时，前期是可以生成base64图片的，可能官方更新版本导致生产环境的canvasToTempFilePath报错


canvasToTempFilePath:fail SecurityError
```，  
更新到最新cli版本，还是无效，浏览器打开报错
```javascript  
errMsg: "canvasToTempFilePath:fail SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement':
```，但是微信开发工具是可以实现的  

请修复此问题

2020-11-17 15:24 负责人:无分享

8 个回复

1***@qq.com - 向哥say hellow

兄弟解决了吗，我也遇到了

1***@163.com (作者)

用这个可以解决，html2canvas-renderjs，点击最下面我回复的链接

2020-12-08 11:48

鱼鱼大 - 我是鱼鱼大

我也遇到了这个问题，特么找了半天，原来是手机系统更新了的原因

1***@163.com (作者)

用这个可以解决，html2canvas-renderjs，点击最下面我回复的链接

2020-12-08 11:48

chenli

远程图片先下载再使用临时路径绘制

1***@163.com (作者)

使用本地图片也无效

2020-11-30 16:40

鱼鱼大 - 我是鱼鱼大

老哥,这个调试的插件是哪里搞的

chenli

console.js

2020-11-28 11:10
鱼鱼大

回复 chenli: 好的,谢谢

2020-11-28 11:42

DCloud_UNI_GSQ

问题已确认，下个alpha版修复
临时解决方案，使用插件市场的image-tools转换一下路径

1***@163.com (作者)

好的，使用替代方案已解决该问题，后续修复再更改回来

2020-12-08 11:46

1***@163.com (作者)

现有解决方案使用插件市场的html2canvas-renderjs转成base64路径

DCloud_UNI_GSQ

HBuilderX 3.0.0+ 已修复

w***@163.com

还是存在这个问题啊

2020-12-22 15:47
DCloud_UNI_GSQ

回复 w***@163.com: 你的图像地址发来看下

2020-12-22 17:59
5***@qq.com

回复 DCloud_UNI_GSQ: 我android用的是localIds,ios用的是jssdk获得的base64,android也是报这个错误，ios直接没动静，hbuilderx 3.1.4

2021-05-24 20:48
DCloud_UNI_GSQ

回复 5***@qq.com: https://github.com/dcloudio/uni-app/issues/2665

2021-05-25 11:58
5***@qq.com

回复 DCloud_UNI_GSQ: 这个就是我

2021-06-03 23:56