美文网首页半栈工程师程序员让前端飞
使用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