使用 jquery.qrcode.js 生成網站地址url二維碼圖片
使用 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人立場,如涉及侵權,請及時告知。
相關文章
- url 生成二維碼圖片
- 根據URL地址生成二維碼
- php生成二維碼圖片PHP
- 基於ZXingAndroid實現生成二維碼圖片和相機掃描二維碼圖片即時解碼的功能Android
- 生成帶二維碼圖片並通過微信分享
- 基於ZXing Android實現生成二維碼圖片和相機掃描二維碼圖片即時解碼的功能Android
- 使用 Python 生成二維碼Python
- 如何使用 Python 生成二維碼?Python
- hyperf 生成二維碼並且轉為CMYK色彩通道的圖片
- 二維碼生成
- 使用ABAP程式碼生成二維碼(QR Code)
- 小程式生成二維碼圖片儲存相簿並分享到朋友圈
- 二維碼管理平臺 生成二維碼
- 運維二 LNMP環境 動靜網站 地址重寫運維LNMP網站
- canvas實現二維碼和圖片合成Canvas
- react使用qrcode.react生成二維碼React
- 二維碼生成-PythonPython
- 趣味二維碼生成
- Flutter - 生成二維碼與識別二維碼Flutter
- 修改網站裡面的圖片,網站圖片更新教程網站
- 設定二維碼圖片背景透明教程
- 內涵笑話圖片網站,二貨宿舍網站
- 直播系統搭建,java二維碼 生成二維碼Java
- 生成小程式二維碼(二進位制資料流轉圖片儲存上傳七牛)
- 某AI圖片生成網AI
- 校驗碼圖片生成
- Data:URL 圖片
- qrcodejs js生成二維碼JS
- Tp框架 生成二維碼框架
- ios--二維碼生成iOS
- 二維碼線上生成
- 二維碼生成工具類
- 帶動態背景圖的二維碼生成器
- 【例項】使用GD庫生成圖片驗證碼
- 使用Shell指令碼程式監控網站URL是否正常指令碼網站
- iOS 生成二維碼/條形碼iOS
- 支付寶 二維碼/轉賬碼/生成方式,突破二維碼生成數量的限制
- golang 生成圖片驗證碼Golang