JavaScript 最簡單產生 QR Code

使用 CDN 加入 node-qrcode 套件：

    
<script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>
    

在網頁中加入 canvas 元素，用來呈現 QR Code

    
<canvas id="qrcodeCanvas"></canvas>
    

產生 QR Code：

    
    const canvas = document.getElementById("qrcodeCanvas");

    // QR Code 內容
    let text = 'https://www.ruyut.com/2025/04/node-qrcode.html'

    QRCode.toCanvas(canvas, text, { width: 200 }, function (error) {
        if (error) {
            console.error("QR Code 產生失敗: ", error);
        } else {
            console.log("產生 QR Code 成功！");
        }
    });
    

範例 QR Code:

參考資料：
GitHub soldair/node-qrcode