qrcode.js 動態生成二維碼

       用qrcode.js動態生成二維碼圖片非常簡單，只需要引入qrcode.js即可使用，而且可以自定義圖片大小、背景色等信息。

      1、jsp代碼---頁面頭部引入qrcode.js，jquery文件可選

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

         <--創建一個用於放置二維碼圖片的div-->

             <div id="qrcode">
                           
             </div>

 

      2、javascript代碼

           function makeQRcode(){

 　　　　var qrcode = new QRCode(document.getElementById("qrcode"), {//這個是你創建的div的id
      　　 width : 200,
     　　  height : 200
     　　 });
     　　 qrcode.makeCode("這里放置你需要生成二維碼的url字符串，如http://baidu.com");

       }

    以上就是簡單實用，new QRCode時還可以添加其他參數

名稱	默認值	說明
width	256	圖像寬度
height	256	圖像高度
typeNumber	4
colorDark	"#000000"	前景色
colorLight	"#ffffff"	背景色
correctLevel	QRCode.CorrectLevel.L	容錯級別，可設置為：           QRCode.CorrectLevel.L QRCode.CorrectLevel.M QRCode.CorrectLevel.Q QRCode.CorrectLevel.H