jQuery qrcode生成二維碼的方法
更新時間：2016年04月03日 11:42:18 作者：隔壁陳叔叔
現(xiàn)在二維碼越來越流行，很多網(wǎng)頁都會有個二維碼，掃描后可通過手機瀏覽。jquery-qrcode是一個能夠在瀏覽器端生成二維碼的jquery插件，下面通過本文給大家介紹jQuery qrcode生成二維碼的方法，需要的朋友參考下
現(xiàn)在二維碼越來越流行，很多網(wǎng)頁都會有個二維碼，掃描后可通過手機瀏覽。
以前做類似的項目一般是在網(wǎng)頁上生成圖片，然后把圖片插入到網(wǎng)頁。
這樣做不能每個頁面都生成二維碼。
jquery-qrcode是一個能夠在瀏覽器端生成二維碼的jquery插件。它是獨立的，最小壓縮之后不足4k，也沒有圖片下載請求。引入該類庫之后，只需要一行代碼，就可以很容易在web頁面加上二維碼。
qrcode其實是通過使用jQuery實現(xiàn)圖形渲染，畫圖，支持canvas（HTML5）和table兩種方式，可以到
https://github.com/jeromeetienne/jquery-qrcode
獲取最新的代碼。
如何使用
1、首先在頁面中加入jquery庫文件和qrcode插件
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script>
2、在頁面中需要顯示二維碼的地方加入以下代碼：
<div id="code"></div>
3、調(diào)用qrcode插件
qrcode支持canvas和table兩種方式進行圖片渲染，默認使用canvas方式，效率最高，當然要瀏覽器支持html5
直接調(diào)用:
$('#code').qrcode("http://www.dhdzp.com.com"); //任意字符串
高級屬性:
$("#code").qrcode({
render: "table", //table方式
width: 200, //寬度
height:200, //高度
text: "www.helloweba.com" //任意內(nèi)容
});
相關(guān)文章
TextArea不支持maxlength的解決辦法(jquery)
自己寫了一個jquery的擴展，這樣就可以很容易實現(xiàn)對textarea控制最大長度了。2011-09-09
淺談jQuery綁定事件會疊加的解決方法和心得總結(jié)
下面小編就為大家?guī)硪黄獪\談jQuery綁定事件會疊加的解決方法和心得總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了jQuery實現(xiàn)下滑菜單導(dǎo)航效果代碼,通過jquery操作鼠標事件及頁面樣式動態(tài)操作實現(xiàn)下滑菜單導(dǎo)航功能,非常具有實用價值,需要的朋友可以參考下2015-08-08
jquery checkbox無法用attr()二次勾選問題的解決方法
下面小編就為大家?guī)硪黄猨query checkbox無法用attr()二次勾選問題的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
淺談jquery.fn.extend與jquery.extend區(qū)別
本文給大家簡單描述了下jquery.fn.extend與jquery.extend的概念以及區(qū)別，十分的實用，有需要的小伙伴可以參考下。2015-07-07
本文主要介紹了jQuery實現(xiàn)導(dǎo)航回彈效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
本文給大家匯總介紹了一些jQuery操作復(fù)選框（checkbox）的方法和技巧，非常的簡單實用，有需要的小伙伴可以參考下。2016-01-01
這篇文章主要介紹了jQuery實現(xiàn)的自動加載頁面功能,結(jié)合簡單實例形式分析了jQuery針對頁面元素的動態(tài)加載與屬性操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
jqGrid可以綁定XML,JSON和數(shù)組三種類型的數(shù)據(jù)。接下來通過本文給大家介紹jqGrid用法的相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
這里給大家分享的是一段使用EasyUI中實現(xiàn)form表單提交的方法的核心代碼，小伙伴們根據(jù)自己的需求補全form部分吧，希望大家能夠喜歡。2015-03-03