使用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() //清除二维码。