QRCode.js生成二维码

1.使用方法

第一步：引入qrcode.js的文件

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

第二步：创建DOM结构

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

第三步:调用

第一种：简单方式

new QRCode(document.getElementById("qrcode"),"http://www.baidu.com");

第二种:设置参数方式

var qrcode = new QRCode("qrcode",{
        text:"http://www.baidu.com",    
        width:256,
        height:256,
        colorDark:"#000000",
        colorLight:"#ffffff",
        correctLevel:QRCode.CorrectLevel.M
    });
//清除当前二维码，生成新的二维码
qrcode.clear(); // 清除代码
qrcode.makeCode("http://www.w3cschool.cc");

2.参数说明

new QRCode(element, option)

名称	默认值	说明
element	——	显示二维码的元素或该元素的ID
option	——	参数配置

 

 

 

 

3.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

 

 

 

 

 

 

 

 

 

 

4.API接口

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