首先感謝 suflow 的這篇博客 http://suflow.iteye.com/blog/1687396 描述：jquery.qrcode.js 是一個能夠在客戶端生成矩陣二維碼QRCode 的jquery插件 ，使用它可以很方便的在頁面上生成二維條碼。此插件是能夠獨立使用的，體積也比較小，使用gzip壓縮后才不到4kb。因為它是直接在客戶端生成的條碼， 所以不會有圖片下載的過程，能夠實現快速生成。它是基于一個多語言的類庫封裝的，也不依賴于其他額外的服務。  兼容瀏覽器：IE6+/Firefox/Google Chrome 官方鏈接：http://jeromeetienne.github.com/jquery-qrcode/ JS 下載：http://www.ijquery.cn/js/qrcode/jquery.qrcode-zh.js 和 http://www.ijquery.cn/js/qrcode/qrcode.js 和 http://www.ijquery.cn/js/qrcode/utf.js 預覽： http://www.ijquery.cn/demo/qrcode/index-zh.html 打包下載：http://www.ijquery.cn/demo/qrcode/qrcode.zip * * * * * ## JS引用代碼： ~~~ <script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://www.ijquery.cn/js/qrcode/utf.js"></script> <script type="text/javascript" src="http://www.ijquery.cn/js/qrcode/jquery.qrcode-zh.js"></script> <script type="text/javascript" src="http://www.ijquery.cn/js/qrcode/qrcode.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#qrcodeTable").qrcode({ render : "table", text : "百度", width:"200", height:"200" }); }); </script> ~~~ ## HTML代碼： ~~~ [html] <div id="qrcodeTable"></div> [/html] ~~~ ## 參數說明： ~~~ render : “canvas”, //設置渲染方式，有table和canvas，使用canvas方式渲染性能還是非常不錯的，但是如果用table方式，性能不太理想，特別是IE9以下的瀏覽器 width : 256, //設置寬度 height : 256, //設置高度 text : “http://www.baidu.com”, //設置二維碼內容 typeNumber : -1, //計算模式 correctLevel : QRErrorCorrectLevel.H,//糾錯等級 background : “#ffffff”,//背景顏色 foreground : “#000000” //前景顏色 ~~~