第一步:
引入:<script src="qrcode.js"></script>
第二步:
<div id="qrcode"></div>
第三步:
// 1.简单使用方式 :new QRCode(document.getElementById(\'qrcode\'), \'http://www.baidu.com\');
// 2.设置参数使用方式: var qrcode = new QRCode(\'qrcode\', //document.getElementById(\'#qrcode\');
{ text: \'http://www.baidu.com\',
width: 256, height: 256,
colorDark : \'#000000\',
colorLight : \'#ffffff\',
correctLevel : QRCode.CorrectLevel.H
});
// 3使用 API
qrcode.clear();
qrcode.makeCode(\'new content\');
总结:参数说明:
new QRCode(element, option)
element-显示二维码的元素或该元素的 ID
option参数配置
width256图像宽度height256图像高度typeNumber4colorDark"#000000"前景色colorLight"#ffffff"背景色
correctLevelQRCode.CorrectLevel.L容错级别,可设置为:
QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H
API 接口
名称 | 说明 |
---|---|
makeCode(text) | 设置二维码内容 |
clear() | 清除二维码。(仅在不支持 Canvas 的浏览器下有效) |