JS 生成名片、鏈接等二維碼

<div id = "qrcodeid"></div> //生成的二維碼放在此 div 中

<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js(到https://github.com/jeromeetienne/jquery-qrcode 下載 

<script>

function utf16to8(str) {  //解決中文亂碼

    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));  

    }  

    }  

    return out;  

}  

</script>

<script>//此處生成名片二維碼(如要生成普通鏈接二維碼 則 “text”參數值 直接替換成普通鏈接即可)

var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:職稱 \r\nORG:公司(組織) \r\nEMAIL;INTERNET,HOME:[email protected] \r\nADR;WORK,POSTAL:地球中國山東... \r\nURL:http://leerd.cn \r\nEND:VCARD";

the_text = utf16to8(the_text);

//alert(the_text);

jQuery('#qrcodeid').qrcode({

width:140,

height:140,

render:"canvas", //設置渲染方式 table canvas

typeNumber  : -1,    //計算模式 

correctLevel    : 0,//糾錯等級  

background      : "#ffffff",//背景顏色  

foreground      : "#000000",//前景顏色 

text:the_text

}); 

</script>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章