本站之前介绍过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"); // 生成另外一个二维码