二維碼已經(jīng)滲透到生活中的方方面面,不管到哪棵里,我們都可以用掃一掃解決大多數(shù)問題润文。二狗為了準(zhǔn)備應(yīng)對以后項目中會出現(xiàn)的二維碼任務(wù),就上網(wǎng)了解了如何使用jquery.qrcode生成二維碼殿怜。方法簡單粗暴典蝌。
首選,你得將jquery和jquery.qrcode導(dǎo)入到文件中头谜,記住了骏掀,jquery.qrcode是基于jquery的哦,要放在后面柱告。
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script><br> <script src="http://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
然后截驮,我們在頁面要顯示二維碼的地方輸入這些代碼
<div id="code"></div>
最后,我們調(diào)用qrcode插件际度。(qrcode支持canvas和table兩種方式進行圖片渲染葵袭,默認(rèn)使用canvas方式,效率最高乖菱,當(dāng)然要瀏覽器支持html5坡锡。)直接調(diào)用如下:
$(document).ready(function(){
$('#code').qrcode("http://www.baidu.com");
})
如果說你要支持像IE這種反人類的瀏覽器的話蓬网,就要使用table方式啦。
$(document).ready(function(){
$("#code").qrcode({
render: "table", //table方式
width: 100, //寬度
height:100, //高度
text: "http://www.cnblogs.com/momozjm/" //任意內(nèi)容
});
})
```