微信小程序前端生成二维码

 下载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');
			}
		});
	},

然后再指定画布中显示即可