标签： 二维码

使用javascript生成二维码 依赖jquery

需要使用到的库

---

https://github.com/davidshimjs/qrcodejs

DIV

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

javascript

 var qrcode = new QRCode("qrcode");

  qrcode.makeCode("http://www.fengkaichang.com");

至此一个简单的二维码就生成了

接下来我们就详细了解一下这个库到底为我们提供了哪些参数配置和方法

配置

new  QRCode(element,option)

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

名称	默认值	类型	说明
text	–	string	需要生成的二维码内容
width	256	number	图像宽度
height	256	number	图像高度
colorDark	“#000000”	string	前景色
colorLight	“#ffffff”	string	背景色
correctLevel	QRCode.CorrectLevel.L		容错级别

容错级别有

QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H

var qrcode = new  QRCode(element), {
    text: "www,fengkaichang.com",
    width: 150,
    height: 150,
    colorDark : "#000000",
    colorLight : "#ffffff",
    typeNumber:4,
    correctLevel : QRCode.CorrectLevel.H
});

API方法

qrcode.makeCode(text)   //设置二维码内容
qrcode.clear() //清除二维码。

相关信息 GitHub 中文文档