Avec le développement rapide d'Internet, les applications de code QR deviendront de plus en plus. En même temps, beaucoup d'entre eux ne sont que des codes QR ordinaires. Veuillez prendre la main et concevoir ce code QR. Vous trouverez ci-dessous quelques très bonnes conceptions de code QR.
Le principe du code QR :
Les codes à barres bidimensionnels / codes QR peuvent être divisés en codes à barres empilés / ligne 2D et codes à barres matriciels 2D. Le code-barres bidimensionnel empilé / ligne en ligne est empilé avec des codes à barres à 5 dimensions avec plusieurs lignes courtes; Le code-barres à deux dimensions de la matrice est composé de matrice, et les positions d'élément correspondantes de la matrice sont utilisées pour représenter binaire "1", "vide" signifie binaire "0", et l'arrangement de "point" et "vide" forme le code.
Récemment, je me suis intéressé au code QR. J'ai étudié le terme QRCODE généré ici. Il a une tolérance aux défauts élevée.
Méthode de représentation des données
Le module sombre représente le "1" binaire et le module lumineux représente le "0" binaire.
Capacité de correction d'erreur
・ Level L: environ 7% des mots de code de données peuvent être corrigés
・ Niveau M: environ 15% des mots de code de données peuvent être corrigés
・ Level Q: environ 25% des mots de code de données peuvent être corrigés
・ Level H: environ 30% des mots de code de données peuvent être corrigés
Le design ci-dessus utilise parfaitement la tolérance aux défauts de QRCode, qui est très agréable et très créative! !
1. Interface GOOGLE
La copie de code est la suivante:
<? Php
$ urltoencode = "http://www.csd2n.net"; // l'URL pour générer le code QR
GenerateQrFromoGle ($ urltoencode);
Fonction 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.'dhtheight ="'. widhtheight = "'. $ size.'" // Interface API Google. S'il échoue, vous pouvez interroger la dernière interface sur Google URL.
}
?>
2..js Conversion de code en toile (point clé)
Demo: http://hxend.com/jsqrcode/test/
La copie de code est la suivante:
<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'), {
Données: 'http: //geraldl.net'
});
</cript>
3. Interface d'image
La copie de code est la suivante:
<img src = "http://qrcoder.sinaapp.com?t=hello world">
4. Demo http://hxend.com/jsqrcode/test/ Code
La copie de code est la suivante:
<! doctype html>
<html>
<adal>
<Title> QRCODE </TITME>
<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> Génération de code QR </H1>
<div>
Image: <img id = qRimg src = // www.vevb.com/uploadfile/2014/1219/20141219081025437.png>
<Belled> <INPET ID = QRClearEdges Type = Checkbox Checked> Clean the Edge </ Label>
</div>
<div> <input id = fimg type = file> </div>
<div> Texte: <TextArea id = qText> http://www.btgoogle.com </ textarea> </div>
<div> Taille: <ID Input = Celsize Type = Range Min = 2 Max = 10 Value = 6> </div>
<ballage>
<tr>
<td Rowspan = 2> Effet: </td>
<td ColSpan = 3> <ID ID = Celleffect Type = Range Min = -50 Max = 50 Step = 5 Value = 0> </td>
</tr>
<tr id = celleffectStops>
<td align = Left> <a href = # data = l> liquide </a> </td>
<td align = Center> <a href = # data = s> cube </a> </td>
<td align = droite> <a href = # data = r> cercle </a> </td>
</tr>
</ table>
<div>
Couleur de premier plan: <ID d'entrée = Colorfore Type = Couleur Value = # 4169E1>
Couleur d'arrière-plan: <ID INPET = Colorback Type = Couleur Value = # FFFFFF> <br>
Couleur extérieure de la frontière: <ID d'entrée = ColorOut Type = Valeur de couleur = # CD5C5C>
Couleur de la frontière intérieure: <ID d'entrée = colorin = valeur de couleur = # 191970>
</div>
<Button id = qrgen> Générer </fontificateur>
</div>
<div id = qrcode> </div>
<script src = "http://files.cnblogs.com/webers/take.js"> </ script>
</docy>
Les 4 méthodes ci-dessus sont la troisième, la plus simple, la seconde est recommandée par moi, avec plus de liberté, veuillez choisir selon vos besoins.