QR Code com jQuery + Google API

Categoria: Programação

Salve galera, aprenda aqui como gerar QR Code. O QR Code (ou Código de Barras em 2D), é uma matriz ou código de barras bi-dimensional, criado pela empresa Japonesa Denso-Wave, em 1994. O QR vem de Quick Response, pois o código pode ser interpretado rapidamente, mesmo com imagens de baixa resolução, feitas por cameras digitais em formato VGA, como as de celulares. O QR Code é muito usado no Japão. (Wikipédia)

Para gerar a imagem, estarei utilizando uma API do Google e jQuery. Note que o “plugin” é bem simples, com apenas uma linha de retorno. Por essa razão não o separei como um arquivo “jquery.qr-code.js”. Para a função são passado dois parâmetros, o texto a ser codificado e o tamanho (largura e altura).

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// CRIA UM "PLUGIN" DO JQUERY
(function($){ 
 $.fn.qrcode = function(texto,size) { 
 return "http://chart.apis.google.com/chart?cht=qr&chld=L|0&choe=UTF-8&chl=" texto "&chs=" size "x" size;
 }
})(jQuery);
 
$(document).ready(function(){
 // IMAGEM INICIAL
 var teste = $().qrcode("shiguenori", "100");
 $("#dvImagem").html("<" "img src="" teste "" alt="">");
 
 // CLICANDO NO BOTÃO, GERA O QRCODE DO INPUT
 $("#bt").click(function(){
 var novoCodigo = $().qrcode($("#input_qr").val(), "100");
 $("#dvImagem").html("<" "img src="" novoCodigo "" alt="">");
 });
});

Clique aqui para mais detalhes da API do Google
Veja o exmplo funcionando

writing expository essays

Sobre o Autor
Junior Moro em Campo Grande, Mato Grosso do Sul e sou programador na dothCom.
Posts Relacionados
Comentários