当前位置: 首页 > 工具软件 > Chrome-QRcode > 使用案例 >

javascript-qrcode.js教程

南宫俊逸
2023-12-01
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

 类似资料: