QRCode.js 简介
QRCode.js 是一个用于生成二维码的JavaScript库,不依赖任何库,通过HTML5 Canvas绘制。
如何使用
首先,页面引入QRCode.js[1]和必要的JQuery [2] (个人习惯使用JQuery)。
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
<script src="js/qrcode/qrcode.min.js"></script>
其次,创建二维码容器:
<body>
<div id="qrcode"></div>
</body>
准备工作完成,实现自己的二维码:
<script>
new QRCode($("#qrcode")[0], "hello world");
</script>
补充说明
使用QRCode.js生成二维码时可以指定一些参数,如下:
<script>
// new QRCode($("#qrcode")[0], "hello world");
var qrcode = new QRCode("qrcode", {
text: "hello world",//二维码内容
width: 300,
height: 300,
colorDark : "red",//指定二维码颜色
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H//容错级别
});
</script>
效果图
qrcode.js-
QRCode.js资源下载地址:Qrcode 库及实例下载,GitHub地址:https://github.com/davidshimjs/qrcodejs ↩
-
JQuery使用CND代理,
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
↩
网友评论