qrcode.js 动态生成二维码

做~自己de王妃 提交于 2020-04-04 08:38:04

       用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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!