1.介绍:
QRCode.js 是javascript来生成二维码。不需要任何依赖,使用起来很简单!
2.兼容性:
IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, ETC.
3.使用:
1>引入js文件
<script type="text/javascript" src="qrcode.js"></script>
2>使用方法:
<script>
/*
1.最简单的使用,2个参数:
1)显示二维码的dom元素
2)生成二维码的文本字符串或URL链接
*/
var qrcode = new QRCode(DomElement, text)
/*
2.复杂的使用,2个参数:
1)显示二维码的dom元素
2)生成二维码的配置对象
*/
options = {
'text': 'http://www.pinxuejianyou.cn', // 生成二维码的文本
'width': 128, // 宽度
'height': 128, // 宽度
'colorDark': '#000000', // 背景色
'colorLight': '#ffffff', // 前景色
'correctLevel': QRCode.CorrectLevel.H, // 容错级别,支持:L, M, H, Q
'useSVG': false, // 二维码通过SVG生成(文档中,未写出)
'typeNumber': 4, // 这个不清楚(文档中,也为写出)
}
var qrcode = new QRCode(DomElement, options)
/*
3.其他可用方法:
qrcode.clear() // 清除生成的二维码
qrcode.makeCode(text) // 传递文本,重新生成二维码
*/
</script>
4.简单看了下源码,qrcode.js,支持3种方式,来展示出二维码。
1>canvas - HTML5支持,生成的是 'base64' 字符串,使用 Data URL 来展示图片
2>不支持canvas,会通过 'table' 来画出二维码
3>传递了 'useSVG: true',会生成 svg 标签
5.github地址:
https://github.com/davidshimjs/qrcodejs