Rumah >hujung hadapan web >tutorial js >Ringkasan kaedah untuk menjana kemahiran kod QR_javascript

Ringkasan kaedah untuk menjana kemahiran kod QR_javascript

WBOYasal: 2016-05-16 16:24:241528semak imbas

Dengan perkembangan pesat Internet, akan ada lebih banyak aplikasi kod QR. Pada masa yang sama, banyak adalah kod QR biasa Sila ambil tangan anda dan reka kod QR ini. Berikut ialah beberapa reka bentuk kod QR yang sangat bagus dikongsi.

Prinsip kod QR:

Kod bar 2D/Kod QR boleh dibahagikan kepada kod bar 2D bertindan/bergaris dan kod bar 2D matriks. Kod bar 2D bertindan/berbaris dibentuk dengan menyusun berbilang baris kod bar 5 dimensi pendek matriks 2D terdiri daripada matriks, dan "titik" digunakan untuk mewakili "titik" binari pada kedudukan elemen matriks yang sepadan; . 1", menggunakan "kosong" untuk mewakili binari "0", susunan "titik" dan "kosong" membentuk kod.

Baru-baru ini saya berminat dengan kod QR dan mempelajari kod QR Istilah qrcode yang lahir di sini adalah lebih tahan terhadap kesalahan.

Kaedah perwakilan data

Modul gelap mewakili binari "1", modul terang mewakili binari "0".
Keupayaan pembetulan ralat
· Tahap L: Boleh membetulkan lebih kurang 7% kata kod data
· Tahap M: kira-kira 15% kata kod data boleh dibetulkan
· Tahap Q: kira-kira 25% perkataan kod data boleh dibetulkan
· Tahap H: Boleh membetulkan lebih kurang 30% kata kod data

Reka bentuk di atas menggunakan sempurna toleransi kesalahan qrcode, yang sangat bagus dan kreatif! !

1.antara muka google

Salin kod Kod adalah seperti berikut:

                    $urlToEncode="http://www.csd2n.net";//URL untuk menjana kod QR
Jana QRfromGoogle($urlToEncode);
              fungsi generateQRfromGoogle($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="Kod QR" widhtHeight="'.$size.'" widhtHeight="'.$size.'"/>'; //Antaramuka API Google, jika gagal, anda boleh menyemak tapak web Google untuk mendapatkan antara muka terkini
}
?>

2..js kod ditukar kepada kanvas (penekanan)

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

Salin kod Kod adalah seperti berikut: