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) ecolor: { 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.js23,2 KBsha384-HGmnkDZJy7mRkoARekrrj0VjEFSh9a0Z8qxGri/kTTAJkgR8hqD1lHsYSh3JdzRi
URL base
https://cdn.rscsistemas.com.br/qrcode/1.5.1/