QRCode.js：基于JQuery的生成二維碼JS庫的使用
更新時間：2017年06月23日 09:30:14 作者：鍋?zhàn)硬┛?
本篇文章主要介紹了QRCode.js：基于JQuery的生成二維碼JS庫的使用，具有一定的參考價值，有興趣的同學(xué)可以了解一下
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中使用delegate的時候遇到的幾個小小的坑，主要是習(xí)慣了使用bind,live，一時改不過來的問題，這里記錄下來推薦給大家。2015-07-07
在DOM操作中，常常需要動態(tài)創(chuàng)建HTML內(nèi)容，使文檔在瀏覽器里的呈現(xiàn)效果發(fā)生變化，并且達(dá)到各種各樣的人機(jī)交互目的.2016-04-04
之前用jquery實現(xiàn)了一個簡單的AjaxQueue，用于管理ajax請求的發(fā)送順序。這次改進(jìn)了下。2011-10-10
jQuery動畫效果-slideUp slideDown上下滑動示例代碼
jQuery動畫上下滑動效果在網(wǎng)頁中的應(yīng)用還是比較廣泛的，其實很簡單通過slideUp slideDown方法便可輕松實現(xiàn)，具體如下，喜歡的朋友可以參考下，希望對大家學(xué)習(xí)jquery有所幫助2013-08-08
Jquery中使用show()與hide()方法動畫顯示和隱藏圖片
以前我們在js中如果要隱藏顯示一個元素我們需要利用display等于none來設(shè)置并且還沒有效果，現(xiàn)在在jquery中有了hide();我們可以利用hide()方法來操作，希望本文章給大家所有幫助。2015-10-10
這篇文章主要介紹通過jquery實現(xiàn)左邊浮動到一定位置時顯示返回頂部按鈕的效果,需要的朋友可以參考下2014-06-06
JQuery Mobile 彈出式登錄框的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫Query Mobile 彈出式登錄框的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
關(guān)于用Jquery的height()、width()計算動態(tài)插入的IMG標(biāo)簽的寬高的問題
關(guān)于用Jquery的height()、width()計算動態(tài)插入的IMG標(biāo)簽的寬高的問題的解決方法，需要的朋友可以參考下。2010-12-12
jQuery實現(xiàn)獲取table中鼠標(biāo)click點(diǎn)擊位置行號與列號的方法
這篇文章主要介紹了jQuery實現(xiàn)獲取table中鼠標(biāo)click點(diǎn)擊位置行號與列號的方法,涉及jQuery事件響應(yīng)及針對table表格元素相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了JQUERY簡單按鈕輪換選中效果實現(xiàn)方法,涉及jQuery鼠標(biāo)事件與css樣式操作的基本技巧,需要的朋友可以參考下2015-05-05