原生JavaScript生成二维码插件：QRCode.js
8年前 (2019-02-01)源码下载6.4k
复制本页网址打印
- 资源链接时间久远的第三方链接有可能已失效
本站之前介绍过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"); // 生成另外一个二维码赞0
打赏
重要声明
当前栏目内容除非特别标注，否则均来源于网络公开信息整理分享，本站不提供存储和下载服务，且无法保证第三方链接永久可靠。您若对本站或当前页面内容有疑问或者建议，欢迎联系我们，我们将尽快处理，谢谢支持！