Con el rápido desarrollo de Internet, las aplicaciones de código QR se volverán cada vez más. Al mismo tiempo, muchos de ellos son solo códigos QR ordinarios. Por favor, recoja su mano y diseñe este código QR. A continuación se presentan algunos diseños de código QR muy buenos.
El principio del código QR :
Los códigos de barras/QR bidimensionales se pueden dividir en códigos de barras 2D de fila apilada/fila 2D y códigos de barras 2D matriz. El código de barras bidimensional apilado/fila está apilado con 5 códigos de barras unidimensionales con múltiples líneas cortas; El código de barras bidimensional de la matriz está compuesta de matriz, y las posiciones de elementos correspondientes de la matriz se usan para representar el código "1", "vacío" significa "0" binario, y la disposición de "punto" y "vacío" forma el código.
Recientemente me interesé en el código QR. Estudié el término QRCode generado aquí. Tiene alta tolerancia a fallas.
Método de representación de datos
El módulo oscuro representa "1" binario, y el módulo de luz representa binario "0".
Capacidad de corrección de errores
・ Level L: aproximadamente el 7% de las palabras del código de datos se pueden corregir
・ Nivel m: aproximadamente el 15% de las palabras del código de datos se pueden corregir
・ Level Q: aproximadamente el 25% de las palabras del código de datos se pueden corregir
・ Level H: aproximadamente el 30% de las palabras del código de datos se pueden corregir
El diseño anterior utiliza perfectamente la tolerancia de fallas de QRcode, ¡que es muy agradable y muy creativo! !
Interfaz 1.google
La copia del código es la siguiente:
<? Php
$ urltoencode = "http://www.csd2n.net"; // la URL para generar el código QR
generateqrFromGoogle ($ urltoencode);
función GenerateqrFromGoogle ($ chl, $ widhtheight = '150', $ ec_level = 'l', $ margin = '0')
{
$ url = urlencode ($ url);
echo '<img src = "http://chart.apis.google.com/chart?chs='.$widhtheight.'x'.$widhtheight.'&cht=qr&chld='.$ec_level.'–'.$Margin.'&chl='.$$chl." widhtheight = "'. $ size.'" // interfaz de la API de Google. Si falla, puede consultar la última interfaz en Google URL.
}
?>
2..JS Conversión de código a lienzo (punto clave)
demostración: http://hxend.com/jsqrcode/test/
La copia del código es la siguiente:
<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'), {
Datos: 'http: //geraldl.net'
});
</script>
3. Interfaz de imagen
La copia del código es la siguiente:
<img src = "http://qrcoder.sinaapp.com?t=hello World">
4. Demostración http://hxend.com/jsqrcode/test/ código
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> Qrcode </title>
<script type = "text/javaScript" src = "http://files.cnblogs.com/webers/qrcode-light.js"> </script>
<script type = "text/javaScript" src = "http://files.cnblogs.com/webers/qrgen.js"> </script>
</ablo>
<Body>
<div>
<h1> Generación de código QR </h1>
<div>
Imagen: <img id = qrimg src = // www.vevb.com/uploadfile/2014/1219/20141219081025437.png>
<Lel etiqueta> <input id = qrclearedges type = casilla de verificación marcada> limpiar el borde </selabor>
</div>
<Div> <input id = fimg type = file> </div>
<Viv> Text: <TextArea ID = QText> http://www.btgoogle.com </textarea> </div>
<div> tamaño: <input id = cellize type = rango min = 2 max = 10 valor = 6> </div>
<Table>
<tr>
<td sowspan = 2> efecto: </td>
<td colspan = 3> <input id = celleffect type = range min = -50 max = 50 step = 5 valor = 0> </td>
</tr>
<tr id = celleffectstops>
<td align = left> <a href =# data = l> líquido </a> </td>
<td align = center> <a href =# data = s> cube </a> </td>
<td align = right> <a href =# data = r> círculo </a> </td>
</tr>
</table>
<div>
Color de primer plano: <input id = colorfore type = color valor =#4169e1>
Color de fondo: <input id = colorback type = color valor =#ffffff> <br>
Color externo: <Input id = ColorOut type = Color Value =#CD5C5C>
Color interno: <input id = colorin type = color valor =#191970>
</div>
<button id = qrgen> generar </boton>
</div>
<div id = qrcode> </div>
<script src = "http://files.cnblogs.com/webers/take.js"> </script>
</body>
Los 4 métodos anteriores son el tercero, el más simple, el segundo es recomendado por mí, con más libertad, elija de acuerdo con sus necesidades.