Com o rápido desenvolvimento da Internet, os aplicativos de código QR se tornarão cada vez mais. Ao mesmo tempo, muitos deles são apenas códigos QR comuns. Pegue sua mão e projete este código QR. Abaixo estão alguns designs de código QR muito bons.
O princípio do código QR :
Os códigos bidimensionais de barras/QR podem ser divididos em códigos de barras 2D da linha empilhada/linha e códigos de barras Matrix 2D. O código de barras bidimensional empilhado/linha é empilhado com 5 códigos de barras unidimensionais com várias linhas curtas; O código de barras bidimensional da matriz é composto de matriz, e as posições correspondentes do elemento da matriz são usadas para representar o binário "1", "vazio" significa binário "0", e o arranjo de "ponto" e "vazio" forma o código.
Recentemente, fiquei interessado no código QR. Estudei o termo QRCode gerado aqui. Tem alta tolerância a falhas.
Método de representação de dados
O módulo escuro representa o binário "1", e o módulo de luz representa o binário "0".
Capacidade de correção de erro
・ Nível L: aproximadamente 7% das palavras do código de dados podem ser corrigidas
・ N Nível: aproximadamente 15% das palavras do código de dados podem ser corrigidas
・ Nível Q: aproximadamente 25% das palavras do código de dados podem ser corrigidas
・ Nível H: Cerca de 30% das palavras do código de dados podem ser corrigidas
O design acima utiliza perfeitamente a tolerância de falhas do QRCode, que é muito agradável e muito criativa! !
1. Google Interface
A cópia do código é a seguinte:
<? php
$ urltoencode = "http://www.csd2n.net"; // o URL para gerar o código QR
generateqrfromgoogle ($ urltoEncode);
função generateqrfromgoogle ($ chl, $ widhtheight = '150', $ ec_level = 'l', $ margin = '0')
{
$ url = urlncode ($ url);
echo '<img src = "http://chart.apis.google.com/Chart?chs='.$widhtheight.'x'.$widhtheight.'&cht=qr&chld='.$ec_level.''.. widhtheight = "'. $ tamanho.'" // Interface da API do Google. Se falhar, você pode consultar a interface mais recente no Google URL.
}
?>
2 .. JS Conversão de código em tela (ponto -chave)
Demo: http://hxend.com/jsqrcode/test/
A cópia do código é a seguinte:
<script type = "text/javascript" src = "http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js"> </script>
<div id = qrcode> </div>
<script type = "text/javascript">
qrcode (document.getElementById ('qrcode'), {
Dados: 'http: //geraldl.net'
});
</script>
3. Interface de imagem
A cópia do código é a seguinte:
<img src = "http://qrcoder.sinaapp.com?t=hello World">
4. Demo http://hxend.com/jsqrcode/test/ código
A cópia do código é a seguinte:
<! doctype html>
<html>
<head>
<title> qrcode </title>
<script type = "text/javascript" src = "http://files.cnblogs.com/webers/qrcode-leight.js"> </sCript>
<script type = "text/javascript" src = "http://files.cnblogs.com/webers/qrgen.js"> </script>
</head>
<Body>
<div>
<H1> Geração de código QR </h1>
<div>
Imagem: <img id = qrimg src = // www.vevb.com/uploadfile/2014/1219/20141219081025437.png>
<Boel> <ID de entrada = QRCLEAREDGES TIPO = Caixa de seleção Verificada> Limpe a borda </cretel>
</div>
<div> <ID de entrada = FIMG Type = File> </div>
<div> Texto: <Textarea id = qtext> http://www.btgoogle.com </sexttarea> </div>
<div> Tamanho: <ID de entrada = Cellsize Type = Range Min = 2 max = 10 Valor = 6> </div>
<tabela>
<tr>
<td linespan = 2> Efeito: </td>
<td colspan = 3> <ID de entrada = CelleFeff Type = range min = -50 max = 50 etapa = 5 valor = 0> </td>
</tr>
<tr id = CelleffetStops>
<td align = esquerda> <a href =# data = l> líquido </a> </td>
<td align = Center> <a href =# data = s> cubo </a> </td>
<td align = direita> <a href =# data = r> círculo </a> </td>
</tr>
</tabela>
<div>
Cor do primeiro plano: <ID de entrada = cor antes do tipo = valor da cor =#4169E1>
Cor de fundo: <ID de entrada = Tipo de cor de cor = Valor da cor =#ffffff> <br>
Cor externa-border: <ID de entrada = Tipo de colorout = Valor da cor =#CD5C5C>
Cor interna-border: <ID de entrada = colorin tipo = valor da cor =#191970>
</div>
<botão id = qrgen> gerar </butut>
</div>
<div id = qrcode> </div>
<script src = "http://files.cnblogs.com/webers/take.js"> </script>
</body>
Os quatro métodos acima são os terceiros, o mais simples, o segundo é recomendado por mim, com mais liberdade, escolha de acordo com suas necessidades.