jQuery qrcode產生二維碼的方法，jqueryqrcode產生

jQuery qrcode產生二維碼的方法，jqueryqrcode產生

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

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

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

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.bkjia.com.com"); //任一字元串

進階屬性:

$("#code").qrcode({ render: "table", //table方式 width: 200, //寬度 height:200, //高度 text: "www.helloweba.com" //任意內容 });

您可能感興趣的文章:

• 使用jquery.qrcode.min.js實現中文轉化二維碼
• 使用jquery外掛程式qrcode產生二維碼
• jquery外掛程式qrcode線上產生二維碼
• 使用jquery組件qrcode產生二維碼及應用指南
• 使用jquery.qrcode產生彩色二維碼執行個體
• 利用jquery.qrcode在頁面上產生二維碼且支援中文
• jquery.qrcode線上產生二維碼使用樣本