首頁 > web前端 > js教程 > jQuery qrcode產生二維碼的方法_jquery

jQuery qrcode產生二維碼的方法_jquery

WBOY
發布: 2016-05-16 15:06:43
原創
1583 人瀏覽過

現在二維碼越來越流行,許多網頁都會有個二維碼,掃描後可透過手機瀏覽。

以前做類似的項目通常是在網頁上產生圖片,然後把圖片插入到網頁。

這樣做不能每個頁面都產生二維碼。

jquery-qrcode是一個能夠在瀏覽器端產生二維碼的jquery外掛程式。它是獨立的,最小壓縮之後不足4k,也沒有圖片下載請求。引入該類別庫之後,只需要一行程式碼,就可以輕鬆地在web頁面上加上二維碼。

qrcode其實是透過使用jQuery實現圖形渲染,畫圖,支援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、呼叫qrcode外掛程式

qrcode支援canvas和table兩種方式進行圖片渲染,預設使用canvas方式,效率最高,當然要瀏覽器支援html5

直接呼叫:

$('#code').qrcode("http://www.jb51.net.com"); //任意字符串
登入後複製

高階屬性:

$("#code").qrcode({ 
render: "table", //table方式 
width: 200, //宽度 
height:200, //高度 
text: "www.helloweba.com" //任意内容 
});
登入後複製
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板