使用jquery.qrcode.js生成二维码

作者: laohan | 来源:发表于2016-07-21 22:39 被阅读1019次

    二维码在日常生活总是经常见到的,扫一扫,特别方便。

    那么,如何快速生成一个二维码呢,很简单,使用接下来介绍的jquery.qrcode.js就可以了。

    // html
    <div class="j-qrcode qrcode"></div>
    
    // 引入文件
    <<script type="text/javascript" src="jquery.qrcode.min.js"></script>>
    
    // js
    $('.j-qrcode').qrcode({
        text: url,  // url -- 链接地址
        width: $width,  // $width -- 二维码的宽度
        height: $height  // $height -- 二维码的高度
    })
    

    如上,引入文件,然后通过$().qrcode(option)设置一下,就可以了。
    option对应的几个key也在代码中加了注释。

    不过,需要注意的一点就是,在相同的宽高下,text的值,即url的值长度越长,二维码的就会变的很密集,视觉上就是二维码的点十分多,当扫一扫时,就不容易识别出来。

    相关文章

      网友评论

        本文标题:使用jquery.qrcode.js生成二维码

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