使用画布生成图片

- 发布:2020-10-24 10:39
- 更新:2020-10-24 19:34
- 阅读:552
【报Bug】canvasToTempFilePath h5里不能获取到图路径
产品分类: uniapp/H5
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.15.4
HBuilderX类型: 正式
HBuilderX版本号: 2.9.3
浏览器平台: Chrome
浏览器版本: 86
项目创建方式: HBuilderX
操作步骤:
预期结果:
可以获取到base64
可以获取到base64
实际结果:
获取到的是data:,
获取到的是data:,
bug描述:
在电脑浏览器里可以获取到海报的base64,而移动端浏览器里、微信里都不能获取到base64,获取的数据是data:,
setTimeout(() => {
//不加延迟的话,base64有时候会赋予undefined
uni.canvasToTempFilePath({
canvasId: 'myCanvas',
success: res => {
alert(JSON.stringify(res))
_this.base64 = res.tempFilePath.replace(/[\r\n]/g, "");
_this.isShow = true;
alert('生成海报' + this.base64);
uni.hideLoading();
uni.showToast({
title: '预约成功',
icon: 'none'
});
},
fail:function () {
uni.hideLoading();
uni.showToast({title: '生成海报失败', icon: 'none'});
}
});
}, 1200);
}); //输出到画布中```
2 个回复
DCloud_UNI_LXH
方法是在什么地方调用的?
chenli
res.tempFilePath.replace(/[\r\n]/g, "");
添加这个干嘛呢?不加这个正常吗?