直接上代码

界面:
 <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;
  }
Logo

前往低代码交流专区

更多推荐