Bagaimana untuk menjana kod QR dengan jQuery qrcode_jquery

Kini, kod QR menjadi semakin popular, banyak halaman web akan mempunyai kod QR, yang boleh dilayari melalui telefon bimbit selepas mengimbas.

Pada masa lalu, apabila melakukan projek yang serupa, kami biasanya menghasilkan imej pada halaman web dan kemudian memasukkan imej ke dalam halaman web.

Anda tidak boleh menjana kod QR pada setiap halaman dengan melakukan ini.

jquery-qrcode ialah pemalam jquery yang boleh menjana kod QR pada bahagian pelayar. Ia serba lengkap, kurang daripada 4k dengan pemampatan minimum dan tidak mempunyai permintaan muat turun imej. Selepas memperkenalkan perpustakaan kelas ini, anda boleh dengan mudah menambahkan kod QR pada halaman web dengan hanya satu baris kod.

qrcode sebenarnya melaksanakan pemaparan dan lukisan grafik dengan menggunakan jQuery Ia menyokong kanvas (HTML5) dan jadual Anda boleh pergi ke

https://github.com/jeromeetienne/jquery-qrcode

Dapatkan kod terkini.

Cara menggunakan

1. Mula-mula tambah fail perpustakaan jquery dan pemalam kod qr ke halaman

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

2. Tambahkan kod berikut pada halaman tempat kod QR perlu dipaparkan:

<div id="code"></div>

3. Panggil pemalam kod qr

qrcode menyokong dua kaedah kanvas dan jadual untuk pemaparan imej Kaedah kanvas digunakan secara lalai, yang merupakan yang paling berkesan, penyemak imbas mesti menyokong html5

Panggilan terus:

$('#code').qrcode("http://www.jb51.net.com"); //任意字符串

Atribut lanjutan:

$("#code").qrcode({ 
render: "table", //table方式 
width: 200, //宽度 
height:200, //高度 
text: "www.helloweba.com" //任意内容 
});