Generador de código QR de JavaScript puro-Qrando
| Autor: | neocotic |
|---|---|
| Views Total: | 5,715 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 29, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
QAR es una librería JavaScript sencilla y libre de dependencias que utiliza HTML5 Canvas para generar códigos QR con colores variables, tamaños y niveles de corrección de errores.
Instalación
# NPM $ npm install qrious --save
Funcionamiento
Enlace al archivo de JavaScript qrando. js necesario como sigue:
<script src="qrious.js"></script>
Cree un elemento canvas HTML en el que desee dibujar un código QR personalizado.
<canvas id="qr"></canvas>
Cree un nuevo objeto QAR y dibuje un código QR personalizado en el elemento canvas que ha creado.
var qr = new QRious({
element: document.getElementById('qr'),
value: 'Custom value'
}) Más opciones para personalizar el código QR.
var qr = new QRious({
element: document.getElementById('qr'),
value: 'Custom value',
background: 'white', // background color
foreground: 'black', // foreground color
backgroundAlpha: 1,
foregroundAlpha: 1,
level: 'L', // Error correction level of the QR code (L, M, Q, H)
mime: 'image/png', // MIME type used to render the image for the QR code
size: 100, // Size of the QR code in pixels.
padding: null // padding in pixels
}) Genera un URI de datos codificado en base64 para el código QR.
qr.toDataURL([mime type])
Registro de cambios
v4.0.2 (08/29/2018)
- actualizar
