兼容瀏覽器：IE6+/Firefox/Google Chrome 官方鏈接：http://jeromeetienne.github.com/jquery-qrcode/ JS下載：http://www.ijquery.cn/js/qrcode/jquery.qrcode.js 和 http://www.ijquery.cn/js/qrcode/qrcode.js 預覽： http://www.ijquery.cn/demo/qrcode 打包下載：http://www.ijquery.cn/demo/qrcode/qrcode.zip > ## 注：的是ie6-8只支持table渲染方式。 > # JS引用代碼：qrcode注意需要引用兩個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/jquery.qrcode.js"></script> <script type="text/javascript" src="http://www.ijquery.cn/js/qrcode/qrcode.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#qrcodeCanvas").qrcode({ render : "canvas", text : "http://www.baidu.com", width:"200", height:"200" }); }); </script> ~~~ HTML代碼： ~~~ [html] <div id="qrcodeCanvas"></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” //前景顏色 ~~~