您的位置：首页 > Web前端 > JavaScript

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

2017-11-23 19:18 375 查看

使用javascript生成二维码依赖jquery

需要使用到的库

https://github.com/davidshimjs/qrcodejs

DIV

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

javascript

var qrcode = new QRCode("qrcode");

qrcode.makeCode("http://http://my.oschina.net/u/2473816/blog/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 中文文档

更多内容请访问我的个人博客http://my.oschina.net/u/2473816/blog/www.fengkaichang.com

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Javassist jQuery 二维码

相关文章推荐

新的分享

章节导航