QRCode 生成二维码

本文介绍了QRCode.js插件的使用方法,包括如何载入JavaScript文件、设置DOM结构及参数,以及API接口的详细说明。

QRCode 生成二维码来源

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

文档目录
  1. 使用方法
  2. 参数说明
  3. option 参数说明
  4. API 接口
  5. 相关信息

使用方法

载入 JavaScript 文件

<script src="qrcode.js"></script>

DOM 结构

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

调用

// 简单方式 
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'); 

参数说明

new QRCode(element, option)
名称默认值说明
element-显示二维码的元素或该元素的 ID
option 参数配置

option 参数说明

名称默认值说明
width256图像宽度
height256图像高度
typeNumber4 
colorDark"#000000"前景色
colorLight"#ffffff"背景色
correctLevelQRCode.CorrectLevel.L容错级别,可设置为:

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H

API 接口

名称说明
makeCode(text)设置二维码内容
clear()清除二维码。(仅在不支持 Canvas 的浏览器下有效)

相关信息

作者网站:https://github.com/davidshimjs/qrcodejs

相关文档:Github 中文文档

授权协议:MIT

转载于:https://www.cnblogs.com/caoke/p/5201106.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值