微信小程序canvas真机不显示,电脑可以显示,手机调试模式下显示但base64不显示。

问题描述

微信小程序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 => {}
})

},


慕村225694
浏览 7946回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP