Mit der schnellen Entwicklung des Internets werden QR -Code -Anwendungen immer mehr. Gleichzeitig sind viele von ihnen nur gewöhnliche QR -Codes. Bitte holen Sie Ihre Hand und entwerfen Sie diesen QR -Code. Im Folgenden finden Sie einige sehr gute QR -Code -Designs.
Das Prinzip des QR -Code :
Zweidimensionale Barcodes/QR-Codes können in Stapel-/Zeilenzeile-2D-Barcodes und Matrix-2D-Barcodes unterteilt werden. Der zweidimensionale Barcode der gestapelten Zeile/Zeile ist mit eindimensionalen 5 Barcodes mit mehreren kurzen Linien gestapelt. Der zweidimensionale Barcode der Matrix besteht aus Matrix, und die entsprechenden Elementpositionen der Matrix werden verwendet, um Binär "1", "leer" zu repräsentieren, und die Anordnung von "Punkt" und "leer" bildet den Code.
Kürzlich habe ich mich für QR -Code interessiert. Ich habe den hier generierten Begriff QRCode untersucht. Es hat eine hohe Fehlertoleranz.
Datenrepräsentationsmethode
Das dunkle Modul repräsentiert Binär "1" und das Lichtmodul repräsentiert binäre "0".
Fehlerkorrekturfähigkeit
・ L-Level: Ungefähr 7% der Datencodewörter können korrigiert werden
・ M Level: Ungefähr 15% der Datencodewörter können korrigiert werden
・ Q-Level: Ungefähr 25% der Datencodewörter können korrigiert werden
・ H-Level: Etwa 30% der Datencodewörter können korrigiert werden
Das obige Design nutzt perfekt die Fehlertoleranz von QRCode, was sehr schön und sehr kreativ ist! !
1.Geogle -Schnittstelle
Die Codekopie lautet wie folgt:
<? Php
$ urltocode = "http://www.csd2n.net"; // die URL, um den QR -Code zu generieren
generateQrfromgoogle ($ urltoencode);
Funktion generateQrfromGoogle ($ Chl, $ widhtheight = '150', $ ec_level = 'l', $ margin = '0')
{
$ url = urlencode ($ url);
echo '<img src = "http://chart.apis.google.com/chart?chs='.$widhtheight widhtheight = "'. $ size.'" // Google API -Schnittstelle. Wenn es fehlschlägt, können Sie die neueste Schnittstelle bei Google URL abfragen.
}
?>
2..JS -Code -Konvertierung in Canvas (Schlüsselpunkt)
Demo: http://hxend.com/jsqrcode/test/
Die Codekopie lautet wie folgt:
<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'), {
Daten: 'http: //geraldl.net' '
});
</script>
3. Bildschnittstelle
Die Codekopie lautet wie folgt:
<img src = "http://qrcoder.sinaapp.com?t=hello World">
4. Demo http://hxend.com/jsqrcode/test/ Code
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<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>
</head>
<body>
<div>
<h1> QR -Codegenerierung </h1>
<div>
Bild: <img id = qrimg src = // www.vevb.com/uploadfile/2014/1219/20141219081025437.png>
<Label> <Eingabe -ID = qrclearedges type = Kontrollkästchen geprüft> Reinigen Sie die Kante </label>
</div>
<Div> <input id = fimg type = file> </div>
<Div> text: <textarea id = qtext> http://www.btgoogle.com </textarea> </div>
<Div> Größe: <Eingabe -ID = CONTERSIZE TYPE = Bereich min = 2 max = 10 value = 6> </div>
<tabelle>
<tr>
<td rowspan = 2> Effekt: </td>
<td colspan = 3> <Eingabe-ID = Celleffect Type = Bereich min = -50 max = 50 Schritt = 5 Wert = 0> </td>
</tr>
<tr id = celleffectStops>
<td align = links> <a href =# data = l> flüssig </a> </td>
<td align = center> <a href =# data = s> cube </a> </td>
<td align = rechts> <a href =# data = r> circle </a> </td>
</tr>
</table>
<div>
Vordergrundfarbe: <Eingabe -ID = colorfore type = color value =#4169e1>
Hintergrundfarbe: <Eingabe -ID = Colorback -Typ = Color Value =#ffffff> <br>
Außenüberschreitende Farbe: <Eingabe-ID = Colorout-Typ = Color Value =#CD5C5C>
Innere Farbe
</div>
<button id = qrgen> generieren </button>
</div>
<div id = qrcode> </div>
<script src = "http://files.cnblogs.com/webers/take.js"> </script>
</body>
Die oben genannten 4 Methoden sind die dritten, die einfachste, die zweite wird von mir empfohlen. Mit mehr Freiheit wählen Sie bitte nach Ihren Bedürfnissen.