Generador de código QR basado en Canvas con JavaScript puro-VanillaQR. js

Vista prévia

Descripción

VanillaQR.js helps you generate Html5 canvas or HTML table based customizable QR codes in vanilla JavaScript.

Funcionamiento

Cargue la biblioteca de JavaScript de VanillaQR. js en el documento.

<script src="VanillaQR.min.js"></script>

Personaliza el código QR.

var qr = new VanillaQR({



// url


url: "https://wikicss.com/",



// width/height in pixels


width: 400,


height: 400,



// colors


colorLight: "#FAA7F9",


colorDark: "#3A005E",



// output as table or canvas


toTable: false,



// Ecc correction level 1-4


ecclevel: 1



// Use a border or not


noBorder: false,



// Border size to output at


borderSize: 4

});

Convierta el código QR del lienzo a PNG. Todos los formatos posibles:

• < span class = "pl-s1" > < span class = "pl-c" > PNG
• < span class = "pl-s1" > < span class = "pl-c" > jpg
• < span class = "pl-s1" > < span class = "pl-c" > JPEG
• < span class = "pl-s1" > < span class = "pl-c" > WebP
• < span class = "pl-s1" > < span class = "pl-c" > GIF
• < span class = "pl-s1" > < span class = "pl-c" > BMP
• < span class = "pl-s1" > < span class = "pl-c" > TIFF
• < span class = "pl-s1" > < span class = "pl-c" > x-Icon
• < span class = "pl-s1" > < span class = "pl-c" > SVG + XML

var imageElement = qr.toImage("png");

Añade el código QR a tu cuerpo.

document.body.appendChild(imageElement);

Registro de cambios

12/13/2016

• Fusionar sin borde, localización variable, CamelCase noBorder, anuncio de compilación de bin, ejemplos de agregar, tabla borderSize agregar