javascript-qrcode.js教程

来源:互联网 发布:电视软件下载 编辑:程序博客网 时间:2024/06/05 17:58
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

0 0
原创粉丝点击