二維碼圖片生成器QRCode.js簡單介紹
更新時間：2017年08月18日 11:33:24 作者：漫彧明
這篇文章主要為大家簡單介紹了二維碼圖片生成器QRCode.js，具有一定的參考價值，感興趣的小伙伴們可以參考一下
QRCode.js是一個實現(xiàn)生成二維碼(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對象，傳入更多參數(shù)
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對象的，否則就會報錯。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
bootstrap treeview 樹形菜單帶復(fù)選框及級聯(lián)選擇功能
這篇文章主要介紹了bootstrap treeview 樹形菜單帶復(fù)選框及級聯(lián)選擇功能,代碼超簡單，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-06-06
這篇文章主要介紹了javascript中正則表達(dá)式語法詳解，文章通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Bootstrap每天必學(xué)之按鈕（Button）插件
Bootstrap每天必學(xué)之按鈕（Button）插件,通過按鈕（Button）插件，您可以添加進(jìn)一些交互，比如控制按鈕狀態(tài)，或者為其他組件（如工具欄）創(chuàng)建按鈕組，感興趣的小伙伴們可以參考一下2016-04-04
本篇文章主要是對JS Replace 全部替換字符的用法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
微信小程序?qū)崿F(xiàn)左側(cè)滑動導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左側(cè)滑動導(dǎo)航欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
前段時間由于工作關(guān)系，查找了一些JS的chart插件，以下數(shù)據(jù)采集于2010.4.8。2010-06-06
這篇文章主要介紹了詳解簡單易懂的 ES6 Iterators 指南和示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
百度留言本js 大家可以參考下。2009-10-10
setTimeout的參數(shù)傳遞問題想必大家有所糾結(jié)，window.settimeout()方法要調(diào)用帶參數(shù)的函數(shù)有兩種方法，下面為大家詳細(xì)介紹下，感興趣的朋友可以參考下2013-08-08
javascript 二維數(shù)組的實現(xiàn)與應(yīng)用
javascript沒有二維數(shù)組.所有自定義了一個數(shù)組類，下面是實例代碼，需要的朋友可以參考下。2010-03-03