suchen

Heim >Web-Frontend >js-Tutorial >Zusammenfassung der Methoden zum Generieren von QR-Codes_Javascript-Kenntnissen

Zusammenfassung der Methoden zum Generieren von QR-Codes_Javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 16:24:241527Durchsuche

Mit der rasanten Entwicklung des Internets wird es immer mehr Anwendungen von QR-Codes geben. Gleichzeitig handelt es sich bei vielen nur um gewöhnliche QR-Codes. Bitte nehmen Sie Ihre Hand und entwerfen Sie diesen QR-Code. Hier werden einige sehr gute QR-Code-Designs geteilt.

QR-Code-Prinzip:

2D-Barcodes/QR-Codes können in gestapelte/linierte 2D-Barcodes und Matrix-2D-Barcodes unterteilt werden. Der gestapelte/linierte 2D-Barcode wird durch Stapeln mehrerer Reihen kurzer eindimensionaler 5-Barcodes gebildet; der Matrix-2D-Barcode besteht aus einer Matrix, und „Punkte“ werden verwendet, um binäre „Punkte“ an den entsprechenden Elementpositionen der Matrix darzustellen . 1“, wobei „leer“ zur Darstellung der binären „0“ verwendet wird, bildet die Anordnung von „Punkt“ und „leer“ den Code.

Ich habe mich vor kurzem für QR-Codes interessiert und mich mit QR-Codes beschäftigt. Der hier geborene Begriff ist fehlertoleranter.

Datendarstellungsmethode

Dunkle Module repräsentieren die binäre „1“ und helle Module repräsentieren die binäre „0“.
Fehlerkorrekturfähigkeit
· Level L: Kann etwa 7 % der Datencodewörter korrigieren
· M-Level: Ungefähr 15 % der Datencodewörter können korrigiert werden
· Q-Level: Kann etwa 25 % der Datencodewörter korrigieren
· Stufe H: Kann etwa 30 % der Datencodewörter korrigieren

Das obige Design nutzt perfekt die Fehlertoleranz von qrcode, was sehr schön und kreativ ist! !

1.Google-Schnittstelle

Code kopieren Der Code lautet wie folgt:

                    $urlToEncode="http://www.csd2n.net";//Die URL zum Generieren des QR-Codes
Generieren Sie QRfromGoogle($urlToEncode);
              Funktion genericQRfromGoogle($chl,$widhtHeight ='150',$EC_level='L',$margin='0')
                                              {
$url = urlencode($url);
echo 'http://chart.apis.google.com/chart?chs='.$widhtHeight.'x'.$widhtHeight.'&cht=qr&chld='.$EC_level.' |'.$margin.'&chl='.$chl.'" alt="QR code" widhtHeight="'.$size.'" widhtHeight="'.$size.'"/>'; //Google API-Schnittstelle. Wenn dies fehlschlägt, können Sie auf der Google-Website nach der neuesten Schnittstelle suchen
                }
                   ?>
　

2..js-Code in Canvas konvertiert (Hervorhebung)

Demo: http://hxend.com/jsqrcode/test/

Code kopieren Der Code lautet wie folgt: