ウェブページではjsでどうやって二次元コードを生成しますか?

1814 ワード

情報に基づいてQRコードjqueryダイナミック1を生成し、まずページにjqueryライブラリファイルとQrcodeプラグインを追加します.
 
 
2、ページに コードを する があるところには、 のコードを します.
3、QRCodeプラグインを び します.qrceodeはcanvasとtableの2つの で をレンダリングすることを して、デフォルトはcanvas を って、 は も くて、もちろんブラウザーはhtml 5を します. び しは の りです.
$('#code').qrcode("http://www.helloweba.com"); //      
のように び すこともできます.
$("#code").qrcode({ 
    render: "table", //table   
    width: 200, //   
    height:200, //   
    text: "www.helloweba.com" //     
});
このようにして、ページの で に コードを することができます. の「スイープ」 で コード を み ることができます. を する 、 の を できない コードを しました.いろいろな を べてみますと、jquery-qrcceodeはcharCodeAt() で されていることが かりました.この はデフォルトでUnicodeコードを します. の があれば、 コードを する に をUTF-8に してから コードを します. の で の を できます.
function toUtf8(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;    
}