uniapp微信小程序生成二维码

二维码

下载文件

文件地址：weapp.qrcode.min.js

导入文件

import drawQrcode from '@/utils/weapp.qrcode.min.js'

使用方法

drawQrcode({
	width: 150,
	height: 150,
	x: 0,
	y: 0,
	canvasId: 'logoQRCode',//canvas的id   <canvas style="width: 300rpx;height: 300rpx;" canvas-id="logoQRCode" />
	typeNumber: 5, //最大27
	text: 'www.baidu.com', //生成的内容
	background: '#FFFFFF', //二维码背景颜色，默认值白色
	foreground: '#000000', //二维码前景色，默认值黑色
	/*image:{ //二维码中间放图片
	  imageResource: '../../images/d.png',
	  dx: 70,
	  dy: 70,
	  dWidth: 60,
	  dHeight: 60
	},*/
	correctLevel: 2, //非必须，二维码纠错级别，默认值为高级，取值：{ L: 1, M: 0, Q: 3, H: 2 }
	callback(e) {
		console.log('生成二维码报文: ', e)
	}
});

注意

typeNumber 跟生成的内容变化也就是字段 text

typeNumber 变量

    if (text.length<64){
      typeNumber = 7;
    } else if (text.length >= 64 && text.length < 119) {
      typeNumber = 10;
    } else if (text.length >= 119 && text.length < 129) {
      typeNumber = 15;
    } else if (text.length >= 129 && text.length < 382) {
      typeNumber = 20;
    } else{
      typeNumber = 27;
    }

Dome

码云地址：wx-qrcode