二維碼圖片生成器QRCode.js簡單介紹
更新時間：2017年08月18日 11:33:24 作者：漫彧明
這篇文章主要為大家簡單介紹了二維碼圖片生成器QRCode.js，具有一定的參考價值，感興趣的小伙伴們可以參考一下
QRCode.js是一個實現生成二維碼(QRCode)的js插件。 QRCode.js有著良好的跨瀏覽器兼容性（高版本使用HTML5的 Canvas，低版本IE使用table元素繪制），而且QRCode.js沒有任何依賴。只需要引用一個QRCode.js。
1、引入qrcode.js
<script src="qrcode.js" type="text/javascript"></script>
2、HTML代碼
<div id="qrcode"></div>
3、JS代碼
//初始化QRCode對象
var qrcode = new QRCode(document.getElementById("qrcode"));
//也可以在初始化QRCode對象，傳入更多參數
var qrcode = new QRCode(document.getElementById("qrcode"),{
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
//需要生成二維碼的字符串
qrcode.makeCode("http://www.leixuesong.cn");
//清除二維碼
qrcode.clear();
4、瀏覽器兼容性
幾乎支持所有瀏覽器： IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.
到這里，js生成二維碼插件-QRCode.js就介紹完了，QRCode.js非常的方便好用。需要注意的的是QRCode初始化傳入DOM對象時，必須是js原生的DOM對象，不能是jQuery的DOM對象的，否則就會報錯。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要給大家介紹了關于如何手動實現es5中的bind方法的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面小編來一起學習學習吧2018-12-12
下面小編就為大家?guī)硪黄趓equire.js的使用(實例講解)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了JavaScript中的this基本問題,結合實例形式總結分析了JavaScript中this的功能、常見用法與操作注意事項,需要的朋友可以參考下2020-03-03
基于BootStrap的Metronic框架實現頁面鏈接收藏夾功能按鈕移動收藏記錄(使用Sortable進行拖動排序)
這篇文章主要介紹了基于BootStrap的Metronic框架實現頁面鏈接收藏夾功能按鈕移動收藏記錄(使用Sortable進行拖動排序)的相關資料,非常不錯，需要的朋友可以參考下2016-08-08
javascript foreach中如何獲取數組下標/index
這篇文章主要介紹了javascript foreach中如何獲取數組下標/index問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
下面介紹我在項目中實現的方式，全屏遮罩，部分區(qū)域可操作,需要的朋友可以參考下2014-03-03
項目中經常會遇到需要導出列表內容,或者下載文件之類的需求,下面這篇文章主要給大家介紹了關于前端使用axios實現下載文件功能的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了Listloading.js移動端上拉下拉刷新組件的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了JS使用正則表達式提交頁面驗證的代碼，本文圖文實例代碼相結合給大家介紹的非常詳細,需要的朋友可以參考下2019-10-10
近期在練習或寫項目時經常會遇到時間格式的轉換問題,今天我就來總結一下,這篇文章主要給大家介紹了關于JavaScript中幾種時間格式之間的簡單轉換,需要的朋友可以參考下2024-01-01