插件gitHub地址qrcodejs地址
1、插件引入
<script src="./qrcodejs-master/qrcode.js"></script>
2、使用
<div id="qrcode"></div>
<script type="text/javascript">
var qrcode = document.getElementById("qrcode");
var qrcode = new QRCode(qrcode , {
text: "https://www.baidu.com/",
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
参数名 | 参数说明 | 备注 |
---|---|---|
text | 二维码承载的信息 | |
width | 二维码宽(像素) | |
height | 二维码高(像素) | |
colorDark | 二维码颜色 | |
colorLight | 二维码背景颜色 | |
correctLevel | 容错级别 | 由低到高 QRCode.CorrectLevel.L QRCode.CorrectLevel.M QRCode.CorrectLevel.Q QRCode.CorrectLevel.H |
3、qrcode方法
qrcode.clear(); // clear the code.
qrcode.makeCode("二维码承载的信息"); // make another code.
qrcode.clear();
该方法只是将生成的二维码图片换成透明图片
使用qrcode.clear();后的效果:
如果要更新二维码,建议使用qrcode.makeCode("二维码承载的信息");
该方法即可替换text
的内容信息。