微信小程序canvas真机不显示,电脑可以显示,手机调试模式下仅显示第一张图片,第二张base64图片不显示,真机下完全不显示
// 试过去除空格 换行 // 转成buffer又转base64
// 请把代码文本粘贴到下方(请勿用图片代替代码)
//点击事件
show: function() { var that = this;var ctx = wx.createCanvasContext('firstCanvas'); wx.getImageInfo({ src: that.data.showPic,//showPic图片url success: function(res) { ctx.drawImage(res.path, 0, 0, 250, 250); ctx.draw(true); // Qr 是二维码的base64地址 /9......... // Qr= "data:image/png;base64," + base64, // var array = wx.base64ToArrayBuffer(res); // var base64 = wx.arrayBufferToBase64(array); // res = res.replace(/ +/g, ""); // res = res.replace(/[\r\n]/g, ""); // 试过去除空格 换行 // 转成buffer又转base64 ctx.drawImage(that.data.Qr, 20, 290, 80, 80); ctx.draw(true); ctx.setFillStyle('#333'); ctx.setFontSize(12); ctx.fillText("长按识别小程序", 175, 335); ctx.draw(true); }, fail: res => {} })
},