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

使用javascript生成二维码 依赖jquery

需要使用到的库


https://github.com/davidshimj...

DIV

javascript

 var qrcode = new QRCode("qrcode");
 
  qrcode.makeCode("http://www.fengkaichang.com");
 

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

使用JavaScript生成二维码教程-附qrcodejs中文文档_第1张图片

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

配置

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


更多内容请访问我的个人博客www.fengkaichang.com

你可能感兴趣的:(前端,二维码,javascript)