js qrcode

// 引入 qrcode 库
// 你可以通过 npm 安装或者直接在 HTML 中引入 CDN 链接

// npm 安装方式:
// npm install qrcode

// HTML 引入方式:
// <script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>

// 示例代码：生成二维码并显示在页面上
function generateQRCode(text, elementId) {
    // 使用 qrcode 库生成二维码
    QRCode.createSvgElem(text, { width: 200 }, function (svg) {
        // 将生成的二维码 SVG 元素插入到指定的 DOM 元素中
        document.getElementById(elementId).appendChild(svg);
    });
}

// 调用函数生成二维码，参数为要编码的文本和放置二维码的 DOM 元素 ID
generateQRCode("https://example.com", "qrcode-container");

解释说明：

1. 引入库：首先需要引入 qrcode 库，可以通过 npm 安装或直接在 HTML 文件中使用 CDN 链接。
2. 生成二维码：generateQRCode 函数接收两个参数：要编码的文本和放置二维码的 DOM 元素 ID。它使用 QRCode.createSvgElem 方法生成二维码，并将生成的 SVG 元素插入到指定的 DOM 元素中。
3. 调用函数：最后调用 generateQRCode 函数，传入要编码的 URL 和放置二维码的 DOM 元素 ID。

如果你不想使用 SVG，也可以使用 QRCode.toCanvas 或 QRCode.toImage 方法生成 canvas 或 image 格式的二维码。