欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

QRCode.js:基于JQuery的生成二維碼JS庫(kù)的使用

 更新時(shí)間:2017年06月23日 09:30:14   作者:鍋?zhàn)硬┛? 
本篇文章主要介紹了QRCode.js:基于JQuery的生成二維碼JS庫(kù)的使用,具有一定的參考價(jià)值,有興趣的同學(xué)可以了解一下

1. QRCode.js

QRCode.js是一個(gè)二維碼生成javascript庫(kù);支持跨瀏覽器的HTML5 Canvas和表格標(biāo)簽的DOM操作;并且不依賴其它的庫(kù)或拓展。

主頁(yè):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)建一個(gè)新的二維碼

3. 適用范圍

之前用PHP QR Code來(lái)生成二維碼,發(fā)現(xiàn)通過(guò)這個(gè)PHP插件來(lái)生成,有些小問(wèn)題;它內(nèi)部集成得不是很好,不是很適合用來(lái)直接展示二維碼到瀏覽器上,樣式不好控制(不保存二維碼文件的情況下)。

而使用QRCode.js可以非常方面地控制樣式,就像一張圖片一樣來(lái)用,因?yàn)閳D片直接輸出到

<div id="qrcode"></div>

中,非常可控。就像之前微信支付官方的sdk,phpsdk是用的phpqrcode來(lái)生成,改成QRCode.js,之后,一個(gè)簡(jiǎn)單的效果:

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Jquery回調(diào)對(duì)象與延遲對(duì)象用法詳解

    Jquery回調(diào)對(duì)象與延遲對(duì)象用法詳解

    本文詳細(xì)講解了Jquery回調(diào)對(duì)象與延遲對(duì)象的用法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-05-05
  • jQuery中insertBefore()方法用法實(shí)例

    jQuery中insertBefore()方法用法實(shí)例

    這篇文章主要介紹了jQuery中insertBefore()方法用法,實(shí)例分析了insertBefore()方法的功能、定義及把匹配的元素插入到另一個(gè)指定的元素集合前面的使用技巧,需要的朋友可以參考下
    2015-01-01
  • jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄詳細(xì)代碼

    jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄詳細(xì)代碼

    之前做項(xiàng)目的時(shí)候,一直都想著做一個(gè)上下滾動(dòng)的公告欄,作為展示網(wǎng)站的最新公告信息,給用戶帶來(lái)極好的用戶體驗(yàn),下面小編通過(guò)實(shí)例代碼給大家分享基于jQuery實(shí)現(xiàn)上下滾動(dòng)公告欄,感興趣的朋友一起看看吧
    2018-11-11
  • Jquery實(shí)現(xiàn)自定義窗口隨意的拖拽

    Jquery實(shí)現(xiàn)自定義窗口隨意的拖拽

    點(diǎn)擊一個(gè)按鈕時(shí),彈出一個(gè)自定義窗口,并且可以隨意的拖拽,jquery也可以實(shí)現(xiàn)這樣的功能,下面有個(gè)不錯(cuò)的示例,大家可以感受下
    2014-03-03
  • jQuery焦點(diǎn)圖輪播效果實(shí)現(xiàn)方法

    jQuery焦點(diǎn)圖輪播效果實(shí)現(xiàn)方法

    這篇文章主要介紹了jQuery焦點(diǎn)圖輪播效果實(shí)現(xiàn)方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery實(shí)現(xiàn)焦點(diǎn)圖輪播效果的核心代碼與相關(guān)操作技巧,需要的朋友可以參考下
    2016-12-12
  • jQuery setTimeout()函數(shù)使用方法

    jQuery setTimeout()函數(shù)使用方法

    setTimeout在以前的js中是定時(shí)執(zhí)行一個(gè)對(duì)象或函數(shù),下面我來(lái)介紹jquery中的setTimeout函數(shù)使用方法有需要了解的朋友仔細(xì)的參考參考
    2013-04-04
  • jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法分析

    jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法分析

    這篇文章主要介紹了jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法,結(jié)合實(shí)例形式分析了jQuery數(shù)學(xué)運(yùn)算與字符串操作相關(guān)技巧,需要的朋友可以參考下
    2016-02-02
  • jquery canvas繪制圖片驗(yàn)證碼實(shí)例

    jquery canvas繪制圖片驗(yàn)證碼實(shí)例

    這篇文章主要為大家詳細(xì)介紹了jquery canvas繪制圖片驗(yàn)證碼實(shí)例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • jQuery實(shí)現(xiàn)背景彈性滾動(dòng)的導(dǎo)航效果

    jQuery實(shí)現(xiàn)背景彈性滾動(dòng)的導(dǎo)航效果

    這篇文章主要介紹了jQuery實(shí)現(xiàn)背景彈性滾動(dòng)導(dǎo)航效果的方法,涉及jQuery動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下
    2016-06-06
  • jQuery實(shí)現(xiàn)html可聯(lián)動(dòng)的百分比進(jìn)度條

    jQuery實(shí)現(xiàn)html可聯(lián)動(dòng)的百分比進(jìn)度條

    這篇文章主要介紹了jQuery實(shí)現(xiàn)html可聯(lián)動(dòng)的百分比進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-03-03

最新評(píng)論