QRCode.js 生成二维码

Posted 2020-08-09

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

• github地址

在线实例

实例预览 基础示例

实例预览 API 接口

使用方法

载入 javascript 文件

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

复制

DOM 结构

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

复制

调用

1. // 简单方式 
2. new QRCode(document.getElementById(‘qrcode‘), ‘your content‘); 
3.  
4. // 设置参数方式 
5. var qrcode = new QRCode(‘qrcode‘, { 
6.   text: ‘your content‘, 
7.   width: 256, 
8.   height: 256, 
9.   colorDark : ‘#000000‘, 
10.   colorLight : ‘#ffffff‘, 
11.   correctLevel : QRCode.CorrectLevel.H 
12. }); 
13.  
14. // 使用 API 
15. qrcode.clear(); 
16. 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 的浏览器下有效）

---

下载