javascript-qrcode.js教程

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值