qrcode js实现
使用 QRCode.js 生成二维码
QRCode.js 是一个纯 JavaScript 库，用于生成二维码，无需依赖其他库。它支持多种配置选项，适合在网页中快速集成。
安装 QRCode.js
通过 CDN 引入 QRCode.js：
<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>或通过 npm 安装：
npm install qrcodejs基本用法
创建一个 HTML 元素作为二维码容器，并通过 JavaScript 生成二维码：
<div id="qrcode"></div>
<script>
new QRCode(document.getElementById("qrcode"), "https://example.com");
</script>自定义配置
可以通过传递配置对象来自定义二维码的尺寸、颜色等：
new QRCode(document.getElementById("qrcode"), {
text: "https://example.com",
width: 200,
height: 200,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H
});动态更新二维码内容
调用 clear 和 makeCode 方法可以动态更新二维码内容：
const qrcode = new QRCode(document.getElementById("qrcode"), "Initial Text");
qrcode.clear();
qrcode.makeCode("Updated Text");高级功能
QRCode.js 还支持以下功能：
- 通过
toDataURL方法生成二维码的 Base64 图片数据。 - 支持调整纠错级别（
CorrectLevel.L、CorrectLevel.M、CorrectLevel.Q、CorrectLevel.H）。
示例：
const qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://example.com",
correctLevel: QRCode.CorrectLevel.H
});注意事项
- 确保容器元素存在且可见。
- 对于复杂的场景，可以结合其他库（如
canvas）进一步处理生成的二维码。
QRCode.js 是一个轻量级、易用的库，适合大多数生成二维码的需求。
