vue使用qrcode生成二维码,可以自定义大小转换rem
直接上代码界面:<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
·
直接上代码
界面:
<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;
}
更多推荐
已为社区贡献4条内容
所有评论(0)