QRCode.js 生成二维码

QRCode.js是一个用于生成二维码图片的插件。

  • 文档目录
    1. 使用方法
    2. 参数说明
    3. option参数说明
    4. API接口
    5. 相关信息
  • 使用方法
    1. 载入JavaScript文件 
      <script src="qrcode.js"></script>

       

    2. DOM结构 
      <div id="qrcode"></div>

       

    3. 调用
      // 简单方式
new QRCode(document.getElementById('qrcode'), 'your content');

// 设置参数方式
var qrcode = new QRCode('qrcode', {
  text: 'your content',
  width: 256,
  height: 256,
  colorDark : '#000000',
  colorLight : '#ffffff',
  correctLevel : QRCode.CorrectLevel.H
});

// 使用 API
qrcode.clear();
qrcode.makeCode('new content');

       

  • 参数说明
    1. 示例
      new QRCode(element, option)

       

名称 默认值 说明
element - 显示二维码的元素或该元素的 ID
option   参数配置
  • option参数说明
    名称 默认值 说明
    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
  • API接口
    名称 说明
    makeCode(text) 设置二维码内容
    clear() 清除二维码。（仅在不支持 Canvas 的浏览器下有效）

posted on 2018-11-26 10:19  Luiken  阅读(167)  评论(0)  编辑  收藏  举报

导航