zoukankan      html  css  js  c++  java
  • 使用JavaScript生成二维码教程-附qrcodejs中文文档

    使用javascript生成二维码 依赖jquery

    需要使用到的库


    https://github.com/davidshimjs/qrcodejs

    DIV

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

    javascript

     var qrcode = new QRCode("qrcode");
     
      qrcode.makeCode("http://www.fengkaichang.com");
     
    

    至此一个简单的二维码就生成了

    image

    接下来我们就详细了解一下这个库到底为我们提供了哪些参数配置和方法

    配置

    new  QRCode(element,option)
    
    名称 默认值 类型 说明
    element - string 显示二维码的元素或该元素的 ID
    option objec 参数配置
    名称 默认值 类型 说明
    text - string 需要生成的二维码内容
    width 256 number 图像宽度
    height 256 number 图像高度
    colorDark "#000000" string 前景色
    colorLight "#ffffff" string 背景色
    correctLevel QRCode.CorrectLevel.L 容错级别

    容错级别有

    QRCode.CorrectLevel.L
    QRCode.CorrectLevel.M
    QRCode.CorrectLevel.Q
    QRCode.CorrectLevel.H
    
    
    var qrcode = new  QRCode(element), {
    	text: "www,fengkaichang.com",
    	 150,
    	height: 150,
    	colorDark : "#000000",
    	colorLight : "#ffffff",
    	typeNumber:4,
    	correctLevel : QRCode.CorrectLevel.H
    });
    

    API方法

    qrcode.makeCode(text)	//设置二维码内容
    qrcode.clear() //清除二维码。
    

    相关信息 GitHub 中文文档

  • 相关阅读:
    环形进度条
    Angular.js入门(2)
    Angular.js入门(1)
    判断页面是手机访问还是电脑访问
    常见问题lufylegend.js
    JavaScript如何诞生
    管理思维修炼
    CROS+node-basis+ajax
    JavaScript操作cookie
    node-basis(提供nodejs开发的基础包)
  • 原文地址:https://www.cnblogs.com/fengkaichang/p/7879261.html
Copyright © 2011-2022 走看看