qrcode.js 动态生成二维码

时间:2022-11-17 20:32:37

       用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