QRCode.js:基于JQuery的生成二維碼JS庫的使用
1. QRCode.js
QRCode.js是一個二維碼生成javascript庫;支持跨瀏覽器的HTML5 Canvas和表格標(biāo)簽的DOM操作;并且不依賴其它的庫或拓展。
主頁:QRCode.js
Github:davidshimjs/qrcodejs
2. 用法
2.1 基礎(chǔ)用法
<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "https://www.gzpblog.com"); </script>
2.2 傳參用法
<div id="qrcode"></div> <script type="text/javascript"> var qrcode = new QRCode(document.getElementById("qrcode"), { text: "https://www.gzpblog.com", width: 128, height: 128, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H }); </script>
2.3 調(diào)用函數(shù)
qrcode.clear(); // 清除二維碼 qrcode.makeCode("https://www.gzpblog.com"); // 創(chuàng)建一個新的二維碼
3. 適用范圍
之前用PHP QR Code來生成二維碼,發(fā)現(xiàn)通過這個PHP插件來生成,有些小問題;它內(nèi)部集成得不是很好,不是很適合用來直接展示二維碼到瀏覽器上,樣式不好控制(不保存二維碼文件的情況下)。
而使用QRCode.js可以非常方面地控制樣式,就像一張圖片一樣來用,因為圖片直接輸出到
<div id="qrcode"></div>
中,非??煽?。就像之前微信支付官方的sdk,phpsdk是用的phpqrcode來生成,改成QRCode.js,之后,一個簡單的效果:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery setTimeout()函數(shù)使用方法
setTimeout在以前的js中是定時執(zhí)行一個對象或函數(shù),下面我來介紹jquery中的setTimeout函數(shù)使用方法有需要了解的朋友仔細的參考參考2013-04-04jQuery實現(xiàn)從身份證號中獲取出生日期和性別的方法分析
這篇文章主要介紹了jQuery實現(xiàn)從身份證號中獲取出生日期和性別的方法,結(jié)合實例形式分析了jQuery數(shù)學(xué)運算與字符串操作相關(guān)技巧,需要的朋友可以參考下2016-02-02jQuery實現(xiàn)背景彈性滾動的導(dǎo)航效果
這篇文章主要介紹了jQuery實現(xiàn)背景彈性滾動導(dǎo)航效果的方法,涉及jQuery動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-06-06jQuery實現(xiàn)html可聯(lián)動的百分比進度條
這篇文章主要介紹了jQuery實現(xiàn)html可聯(lián)動的百分比進度條,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-03-03