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

  • 相关阅读:
    5+ App开发Native.js入门指南
    uni-app vue-cli命令行
    本地uni-app原生插件提交云端打包
    编写package.json文件
    生成插件包
    无障碍角色 accessibilityRole (iOS, Android)
    ajax 整理
    Javascript分享笔记
    echarts 横坐标分行展示,以及文字显示顶部
    js总结(11)js作用域
  • 原文地址:https://www.cnblogs.com/DylanZ/p/6018270.html
Copyright © 2011-2022 走看看