1. QRCode.js
QRCode.js是一個二維碼生成javascript庫;支持跨瀏覽器的HTML5 Canvas和表格標簽的DOM操作;并且不依賴其它的庫或拓展。
主頁:QRCode.js
Github:davidshimjs/qrcodejs
2. 用法
2.1 基礎用法
<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 調用函數
qrcode.clear(); // 清除二維碼qrcode.makeCode("https://www.gzpblog.com"); // 創建一個新的二維碼
3. 適用范圍
之前用PHP QR Code來生成二維碼,發現通過這個PHP插件來生成,有些小問題;它內部集成得不是很好,不是很適合用來直接展示二維碼到瀏覽器上,樣式不好控制(不保存二維碼文件的情況下)。
而使用QRCode.js可以非常方面地控制樣式,就像一張圖片一樣來用,因為圖片直接輸出到
<div id="qrcode"></div>
中,非??煽亍>拖裰拔⑿胖Ц豆俜降膕dk,phpsdk是用的phpqrcode來生成,改成QRCode.js,之后,一個簡單的效果:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答