Creando código QR con imagen, el plugin es QArt.js

DESCARGA : QRART

Creando código QR con imagen, el plugin es QArt.js, un código QR (del inglés Quick Response code, “código de respuesta rápida”) es la evolución del código de barras, esta código es muy útil y usado en dispositivos móviles, en sitios web y además en proyecto de escritorio.

QArt.js es una biblioteca JavaScript que fusiona imágenes y códigos QR para códigos QR artísticos. Se puede utilizar como componente en el siguiente enlace puedes ver un ejemplo de implemetación: https://kciter.github.io/qart.js/ .

Su resultado que plugin QArt.js es como se ve en la siguiente imagen:

Este resultado se genera gracias a que se une la información de una imagen con un código QR tradicional.

Pasos para usar el plugin.

1.- Tienes que incluir jQuery, el plugin.

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/qartjs/1.0.2/qart.min.js"></script>

 

2.- Crear el elemento donde se mostrará la imagen final “Código QR”.


<div id="codigoQR"></div>

3.- Crear el script para convertir una imagen y un texto en código QR.

<script>
$( document ).ready(function() {
new QArt({
value: "http://develoteca.com",
imagePath: "imagen.jpg",
filter: 'color',
size: 195
}).make(document.getElementById('codigoQR'));
});</script>

You may also like...