QRCode

Geração de QR Code no navegador (canvas, imagem ou SVG).

Site oficial

Instalação

<script src="https://cdn.rscsistemas.com.br/qrcode/1.5.1/qrcode.min.js"
        integrity="sha384-HGmnkDZJy7mRkoARekrrj0VjEFSh9a0Z8qxGri/kTTAJkgR8hqD1lHsYSh3JdzRi" crossorigin="anonymous"></script>

Como usar

Inclua o script (tag acima). A biblioteca expõe o objeto global QRCode.

<canvas id="qr"></canvas>
<img id="qr-img" alt="QR Code">

<script>
    // Desenha em um canvas
    QRCode.toCanvas(document.getElementById('qr'), 'https://rscsistemas.com.br', { width: 200 }, function (erro) {
        if (erro) console.error(erro);
    });

    // Gera uma imagem (data URL) - útil para Pix copia-e-cola, links etc.
    QRCode.toDataURL('00020126...', { margin: 1, width: 256 })
        .then(function (url) { document.getElementById('qr-img').src = url; });
</script>

Observações

  • Opções úteis: width, margin, errorCorrectionLevel (L, M, Q, H) e color: { dark, light }.
  • Também gera SVG: QRCode.toString(texto, { type: 'svg' }).
  • Documentação oficial: github.com/soldair/node-qrcode
Arquivos da versão 1.5.1
  • qrcode.min.js 23,2 KB
    sha384-HGmnkDZJy7mRkoARekrrj0VjEFSh9a0Z8qxGri/kTTAJkgR8hqD1lHsYSh3JdzRi
URL base
https://cdn.rscsistemas.com.br/qrcode/1.5.1/