下载qrcode.js文件,下载地址:https://download.csdn.net/download/robin_sky/11829464
/**
* 绘制二维码图片
*/
createQrCode: function(url, canvasId, cavW, cavH) {
var _this = this
//调用插件中的draw方法,绘制二维码图片
var qrcode = QR.api.draw(url, canvasId, cavW, cavH);
console.log(qrcode)
setTimeout(() => {
_this.canvasToTempImage();
}, 1000);
},
//适配不同屏幕大小的canvas
setCanvasSize: function() {
var size = {};
try {
var res = wx.getSystemInfoSync();
//不同屏幕下canvas的适配比例;设计稿是750宽 686是因为样式wxss文件中设置的大小
var scale = 750 / 686;
var width = res.windowWidth / scale;
var height = width; //canvas画布为正方形
size.w = width;
size.h = height;
} catch (e) {
// Do something when catch error
console.log("获取设备信息失败" + e);
}
return size;
},
/**
* 获取临时缓存照片路径,存入data中
*/
canvasToTempImage: function() {
var that = this;
//把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。
wx.canvasToTempFilePath({
canvasId: 'mycanvas',
success: function(res) {
var tempFilePath = res.tempFilePath;
console.log(tempFilePath);
that.setData({
qrcode: tempFilePath,
// canvasHidden:true
});
},
fail: function(res) {
console.log('fail');
}
});
},
然后再指定画布中显示即可