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

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

那么,如何快速生成一个二维码呢,很简单,使用接下来介绍的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的值长度越长,二维码的就会变的很密集,视觉上就是二维码的点十分多,当扫一扫时,就不容易识别出来。

    原文作者:laohan
    原文地址: https://www.jianshu.com/p/af691e6f4523
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞