QRCode的用法

QRCode的用法

一、QRCode是什么？

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

二、使用步骤

qrcode.min.js下载

1.引入qrcode.min.js

用法1：

<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "http://www.runoob.com");	//要生成二维码的链接
</script>

用法2：

var qrcode = new QRCode("test", {
    text: "http://www.runoob.com",	//要生成二维码的链接
    width: 128,	//二维码的宽度
    height: 128,	//二维码的高度
    colorDark : "#000000",	//前景色
    colorLight : "#ffffff",	//背景色
    correctLevel : QRCode.CorrectLevel.H	//纠错等级
});

用法3：

qrcode.makeCode("http://www.w3cschool.cc"); //要生成二维码的链接

纠错等级

二维码容错率即是指二维码图标被遮挡多少后，仍可以被扫描出来的能力。容错率越高，则二维码图片能被遮挡的部分越多。

容错的原理是二维码在编码过程中进行了冗余，就像是123被编码成123123，这样只要扫描到一部分二维码图片，二维码内容还是可以被全部读到。

大多数情况下，我们强烈建议采用30%的容错率（对目前主流手机，在绝大多数扫描场景下，容错率越高，越容易被快速扫描!!!）

correctLevel : QRErrorCorrectLevel.L, （7%）
correctLevel : QRErrorCorrectLevel.M, （15%）
correctLevel : QRErrorCorrectLevel.Q, （25%）
correctLevel : QRErrorCorrectLevel.H, （30%）