zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    通过mixins方法处理调取服务器时间
    记录个人对vuex的简单理解
    利用弹性布局实现垂直居中
    vue.set的适用方法
    深拷贝和浅拷贝的实现方法
    Maven安装步骤
    build tools
    Git
    Url和Uri的区别
    函数式编程语言
  • 原文地址:https://www.cnblogs.com/DylanZ/p/6018270.html
Copyright © 2011-2022 走看看