qrcode

QRCode.js 是用于制作二维码的 javascript 库。QRCode.js 支持 HTML5 Canvas 和 DOM 中的表格标签的跨浏览器。QRCode.js 没有依赖项。

基本用法

---

安装

---

通过npm安装

npm install --save qrcode

通过引用

<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script>
or
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>

使用

---

最简单的开始

<div id="qrcode"></div>
<script type="text/javascript">
    new QRCode(document.getElementById("qrcode"), "https://ices.fun");
</script>

个性化你的二维码

<div id="qrcode"></div>
<script type="text/javascript">
    const qrcode = new QRCode(document.getElementById("qrcode"), {
        text: "https://ices.fun/", 
        width: 128, // 图片宽度
        height: 128, // 图片高度
        colorDark: "#000000", // 二维码颜色
        colorLight: "#ffffff", // 二维码背景颜色
        correctLevel: QRCode.CorrectLevel.L // 模糊识别等级
    });
</script>

你可以使用一些方法

qrcode.clear(); // 清除码.
qrcode.makeCode("ices"); // 生成另一个码.

模糊识别

---

在二维码部分模糊的情况下依然可以进行识别，分为四个识别等级。更高的级别可以识别更模糊的二维码，但会降低二维码的容量（见第四节）。 如果生成的二维码不会被破坏，建议使用低识别等级。

等级	最大模糊面积
L（低级）	≤7%
M（中级）	≤15%
Q（四分之一）	≤25%
H（高级）	≤30%

---