本站之前介绍过jquery.qrcode.js二维码自动生成插件,而QRCode.js是一个用于生成二维码的原生 JavaScript 库,主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库,比较适合非jQuery环境使用。
支持该库的浏览器有:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, 等。
基本用法DOM:
<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://www.yiwuku.com"); // 设置要生成二维码的链接 </script>
使用可选参数:
var qrcode = new QRCode("test", { text: "http://www.runoob.com", width: 128, height: 128, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H});
correctLevel容错级别有:
QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H
名称 | 默认值 | 类型 | 说明 |
---|---|---|---|
text | - | string | 需要生成的二维码内容 |
width | 256 | number | 图像宽度 |
height | 256 | number | 图像高度 |
colorDark | "#000000" | string | 前景色 |
colorLight | "#ffffff" | string | 背景色 |
correctLevel | QRCode.CorrectLevel.L | 容错级别 |
高级用法:
qrcode.clear(); // 清除代码 qrcode.makeCode("http://www.w3cschool.cc"); // 生成另外一个二维码