美文网首页半栈工程师程序员让前端飞
使用JavaScript 生成二维码:QRCode.js

使用JavaScript 生成二维码:QRCode.js

作者: louieSun | 来源:发表于2017-11-23 00:34 被阅读0次

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
  1. QRCode.js资源下载地址:Qrcode 库及实例下载,GitHub地址:https://github.com/davidshimjs/qrcodejs

  2. JQuery使用CND代理,<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>

相关文章

网友评论

    本文标题: 使用JavaScript 生成二维码:QRCode.js

    本文链接:https://www.haomeiwen.com/subject/dvsavxtx.html