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

在线实例

实例预览基础示例

使用方法

载入 JavaScript 文件

DOM 结构

  1. <div id=”qrcode”></div>

调用

  1. // 简单方式
  2. new QRCode(document.getElementById('qrcode'), 'your content');
  3. // 设置参数方式
  4. var qrcode = new QRCode('qrcode', {
  5. text: 'your content',
  6. width: 256,
  7. height: 256,
  8. colorDark : '#000000',
  9. colorLight : '#ffffff',
  10. correctLevel : QRCode.CorrectLevel.H
  11. });
  12. // 使用 API
  13. qrcode.clear;
  14. qrcode.makeCode('new content');

参数说明

名称默认值说明

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 的浏览器下有效)

   

发表评论

邮箱地址不会被公开。 必填项已用*标注