<canvas class="myCanvas" style="width:{{cw}}px; height: {{ch}}px;" canvas-id="firstCanvas"></canvas>
...
ctx.draw(false, () => {
setTimeout(() => {
_this.generateImage()
},3000)
})
//前面的canvas绘制图片流程是正常的(将canvas节点展示到可视区域调试过了)
//核心转换方法
generateImage(){
let _this = this;
wx.nextTick(() => {
wx.canvasToTempFilePath({
canvasId: 'firstCanvas',
fileType: 'jpg', // 改用JPG格式
// quality: 0.8, // 适当降低质量
x:0,
y:0,
destWidth: _this.data.cw, // 明确设置输出尺寸
destHeight: _this.data.ch,
success: async (res) => {
...// res.tempFilePath;这里返回的图片上传到后台后,回显发现是个纯黑色底图片,什么信息都没有。这个问题目前只出现在鸿蒙系统的手机上
//用户反馈,问题出现在鸿蒙系统的最新版本微信上
},
}, _this)
})
}
这个问题不止一个用户遇到了,目前反馈到我这里的有两个用户,且操作系统都是鸿蒙5.1.0这个版本号,微信版本号为:1.0.9

@微信官方, 我这边也存在这个问题,主要出现在鸿蒙系统