jquery.qrcode.js 是一個能夠在客戶端生成矩陣二維碼QRCode 的jquery插件 ,使用它可以很方便的在頁面上生成二維條碼。
QRCode.js
QRCode.js是javascript實現二維碼(QRCode)制作生成庫。 QRCode.js有著良好的跨浏覽器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素繪制),而且QRCode.js沒有任何依賴。只需要引用一個JS。
此插件是能夠獨立使用的,體積也比較小,使用gzip壓縮後才不到4kb。因為它是直接在客戶端生成的條碼,所以不會有圖片下載的過程,能夠實現快速生成。它是基於一個多語言的類庫封裝的,也不依賴於其他額外的服務。
注* 它也支持使用SVG繪制二維碼
基本使用
注* 首先需要添加對qrcode.js的引用,並創建一個空DIV
<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>
還有更多參數可以選
var qrcode = new QRCode("test", { text: "http://jindo.dev.naver.com/collie", width: 128, height: 128, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H });
你可以動態地改變二維碼圖片,速度很快
qrcode.clear(); qrcode.makeCode("http://naver.com");
浏覽器支持
幾乎支持所有浏覽器: IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.
DEMO地址: http://davidshimjs.github.io/qrcodejs
注* 這裡有一個Server端使用Node.JS生成二維碼圖片的庫,有興趣的同學也可以研究一下: https://github.com/soldair/node-qrcode
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。