QRCode.js生成二维码

tech2022-12-17  106

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——显示二维码的元素或该元素的IDoption——参数配置

 

 

 

 

3.option参数说明

名称默认值说明width256图像宽度height256图像高度typeNumber4 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的浏览器有效)

 

最新回复(0)