QRCode.js如何基于JQuery生成二維碼JS庫(kù)

這篇文章主要介紹了QRCode.js如何基于JQuery生成二維碼JS庫(kù)，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

1. QRCode.js

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

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>

中，非?？煽亍＞拖裰拔⑿胖Ц豆俜降膕dk，phpsdk是用的phpqrcode來(lái)生成，改成QRCode.js，之后，一個(gè)簡(jiǎn)單的效果：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“QRCode.js如何基于JQuery生成二維碼JS庫(kù)”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!