JavaScript實(shí)現(xiàn)的微信二維碼圖片生成器的示例
jquery.qrcode.js 是一個(gè)能夠在客戶端生成矩陣二維碼QRCode 的jquery插件 ，使用它可以很方便的在頁面上生成二維條碼。
QRCode.js
QRCode.js是javascript實(shí)現(xiàn)二維碼(QRCode)制作生成庫。 QRCode.js有著良好的跨瀏覽器兼容性（高版本使用HTML5的 Canvas，低版本IE使用table元素繪制），而且QRCode.js沒有任何依賴。只需要引用一個(gè)JS。
此插件是能夠獨(dú)立使用的，體積也比較小，使用gzip壓縮后才不到4kb。因?yàn)樗侵苯釉诳蛻舳松傻臈l碼，所以不會(huì)有圖片下載的過程，能夠?qū)崿F(xiàn)快速生成。它是基于一個(gè)多語言的類庫封裝的，也不依賴于其他額外的服務(wù)。
注* 它也支持使用SVG繪制二維碼
基本使用
注* 首先需要添加對qrcode.js的引用，并創(chuàng)建一個(gè)空DIV
<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>
還有更多參數(shù)可以選
var qrcode = new QRCode("test", {
text: "http://jindo.dev.naver.com/collie",
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
你可以動(dòng)態(tài)地改變二維碼圖片，速度很快
qrcode.clear();
qrcode.makeCode("http://naver.com");
瀏覽器支持
幾乎支持所有瀏覽器： IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.
DEMO地址： http://davidshimjs.github.io/qrcodejs
注* 這里有一個(gè)Server端使用Node.JS生成二維碼圖片的庫，有興趣的同學(xué)也可以研究一下： https://github.com/soldair/node-qrcode
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Bootstrap框架實(shí)現(xiàn)廣告輪播效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap框架結(jié)合JavaScript實(shí)現(xiàn)廣告輪播特效,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
JavaScript通過this變量快速找出用戶選中radio按鈕的方法
這篇文章主要介紹了JavaScript通過this變量快速找出用戶選中radio按鈕的方法,涉及javascript中this變量的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
下面小編就為大家分享一篇JS原型繼承四步曲及原型繼承圖一覽，具有很好的參考價(jià)值。希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了微信小程序 TLS 版本必須大于等于1.2問題解決的相關(guān)資料,需要的朋友可以參考下2017-02-02
Bootstrap輸入框組件簡單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了Bootstrap輸入框組件的簡單實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript實(shí)現(xiàn)網(wǎng)頁播放器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁播放器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
javascript之Object.assign()的痛點(diǎn)分析
這篇文章主要介紹了javascript之Object.assign()的痛點(diǎn)分析，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序原生自定義彈窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
js網(wǎng)頁中隨意拖動(dòng)的小方塊實(shí)現(xiàn)代碼
用CSS和JS制作的在網(wǎng)頁中可以隨意拖動(dòng)的小方塊。2008-08-08
javascript省市級(jí)聯(lián)功能實(shí)現(xiàn)方法實(shí)例詳解
這篇文章主要介紹了javascript省市級(jí)聯(lián)功能實(shí)現(xiàn)方法,以不同實(shí)例形式分析了JavaScript實(shí)現(xiàn)省市級(jí)聯(lián)菜單的具體技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10