使用 jquery.qrcode.js 生成網站地址url二維碼圖片

龐順龍發表於2019-05-11

使用 jquery.qrcode.js 生成網站地址url二維碼圖片

jquery.qrcode.js 是一個純瀏覽器生成QRcode的jQuery 外掛,使用非常簡單,生成的 QRcode 無需下載圖片,不依賴第三方服務。

1、引入jQuery和 jquery.qrcode.js

<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
2、建立一個用於包含QRcode二維碼圖片的頁面DOM元素

<div id="qrcode"></div>
3、程式碼生成 QRcode
jQuery('#qrcode').qrcode("http://www.80iter.com");

4、修改生成的大小

jQuery('#qrcode').qrcode({width: 64,height: 64,text: "http://www.80iter.com"});

5、效果,如本文右側圖片

內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。

相關文章