JS二維碼生成插件，一鍵生成二維碼-創(chuàng)新互聯(lián)

jquery.qrcode是個依賴jquery的二維碼生成插件，主要用于連接和文本的二維碼生成，有兩種生成格式canvas和table格式的，當(dāng)然canvas不支持低版本瀏覽器，table有點小bug，但是沒啥大問題。建議使用在移動端上。

寧都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,寧都網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為寧都上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的寧都做網(wǎng)站的公司定做！

這兒插件可以擴展開發(fā)，本來也是MIT協(xié)議的東西，后期我有可能會加點其他的功能，目前考慮的是加logo了，其他的再說。

這個js插件可以點擊生成，列表生成都是可以的，寫的方法跟JQ是一樣的，不懂得可以留言。

【github地址：https://github.com/jeromeetienne/jquery-qrcode】代碼可以去github下載，可以到文章的最下面使用百度網(wǎng)盤，我會提供的。

這次我就簡單的給大家介紹一下jquery-qrcode的使用方法。（www.gendan5.com）

<script type="text/javascript" src="jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<div class="qrcode1"></div>
<div class="qrcode2"></div>
<div class="qrcode3"></div>
<script type="text/javascript">
$(document).ready(function () {
//一、如果是英文字符
$('.qrcode1').qrcode({
render: "canvas", //兩種模式1、table 2、canvas
correctLevel: 1,//識別度
quiet:20,
width: 200,//寬度
height: 200,//高度
foreground: "#333",//紋路色
background: "#eee",//背景色
text: "http://cenggel.com",//文字
});

    //二、鏈接帶中文的時候需要使用encodeURI進行轉(zhuǎn)碼才可以
    $('.qrcode2').qrcode({
        render: "canvas", //兩種模式1、table  2、canvas
        correctLevel: 1,//識別度
        width: 200,//寬度
        height: 200,//高度
        foreground: "#333",//紋路色
        background: "#eee",//背景色
        text: (encodeURI("http://cenggel.com/tag/chrome插件"))//文字
    });
    //三、文字中包含中文+英文字符的時候
    var str = "CGLweb前端 cenggel.com";
    var out, i, len, c;
    out = "";
    len = str.length;
    for(i = 0; i < len; i++) {
        c = str.charCodeAt(i);
        if ((c >= 0x0001) && (c <= 0x007F)) {
            out += str.charAt(i);
        } else if (c > 0x07FF) {
            out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
            out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));
            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        } else {
            out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));
            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        }
    }
    //轉(zhuǎn)換代碼來自于網(wǎng)絡(luò)，出處實在是不好說，如果知道出處請?zhí)峁┮幌骆溄樱x謝
    $('.qrcode3').qrcode({
        render: "canvas", //兩種模式1、table  2、canvas
        correctLevel: 3,//識別度
        width: 200,//寬度
        height: 200,//高度
        foreground: "#333",//紋路色
        background: "#eee",//背景色
        text:out   //文字
    });
});

</script>
<style type="text/css">
body{ width:1200px; margin:0 auto;}
div{ margin:100px; width:200px; float:left;}
</style>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章題目：JS二維碼生成插件，一鍵生成二維碼-創(chuàng)新互聯(lián)
分享鏈接：http://bm7419.com/article34/dsshse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、軟件開發(fā)、外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)站維護、網(wǎng)頁設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)