二維碼在日常生活總是經(jīng)常見到的橱夭,掃一掃,特別方便桑逝。
那么棘劣,如何快速生成一個二維碼呢,很簡單楞遏,使用接下來介紹的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)設(shè)置一下而钞,就可以了。
option對應(yīng)的幾個key也在代碼中加了注釋拘荡。
不過臼节,需要注意的一點就是,在相同的寬高下珊皿,text的值网缝,即url的值長度越長,二維碼的就會變的很密集蟋定,視覺上就是二維碼的點十分多嫩海,當掃一掃時庇楞,就不容易識別出來。