使用JavaScript生成二维码教程-附qrcodejs中文文档

时间:2023-03-08 17:17:12
使用JavaScript生成二维码教程-附qrcodejs中文文档

使用javascript生成二维码 依赖jquery

需要使用到的库


https://github.com/davidshimjs/qrcodejs

DIV

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

javascript

 var qrcode = new QRCode("qrcode");

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

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

使用JavaScript生成二维码教程-附qrcodejs中文文档

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

配置

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中文文档