直接上代码
界面:
<div style="width: 3.33rem;height: 3.3rem;">
<div id="qrcode" ref="qrcode" style="width:3.33rem!important;height:3.3rem!important"></div>
</div>
方法:
let qrcode = new QRCode('qrcode', {
width: 125, // 二维码宽度
height: 125, // 二维码高度
text: “二维码内容信息”,
colorDark : '#ffffff',//前景色
colorLight : '#E03B3B',//背景色
correctLevel : QRCode.CorrectLevel.H //容错级别,
})
css:
/*#qrcode>>>canvas必须有,控制生成二维码大小*/
#qrcode>>>canvas{
width: 100% !important;
height: 100% !important;
}
#qrcode>>>img{
width: 100% !important;
height: 100% !important;
}