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

www.fengkaichang.com

使用javascript生成二维码 依赖jquery

需要使用到的库


https://github.com/davidshimjs/qrcodejs

DIV

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

javascript

 var qrcode = new QRCode("qrcode");

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

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

image

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

配置

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

发表评论