js生成二維碼插件

最近研究如給主頁生成二維碼,開始考慮使用googleapis。

[html] 

<img src='https://chart.googleapis.com/chart?cht=qr&chs=150×150&choe=UTF-8&chld=L|4&chl=myurl' />  

但是,google……,大傢都懂的不多說。

後來網上搜索,找到瞭一個可以生成二維碼的js庫qrcode.js,不依賴任何其他代碼,看著不錯就下來來試試,果然很好用。

qrcode.js的下載地址https://davidshimjs.github.io/qrcodejs/,你可以現在zip壓縮包,裡面有一個簡單的例子。

雖然例子中引入瞭jquery,但是放心,那是給頁面用的,qrcode.js不依賴jquery。

我的例子代碼,html:

[html]  

<p id='qrcode_c' style='background-color:#FFFFFF;width:60px;height:60px;padding:6px;'></p>  

js代碼:

[javascript] 

var qrcode_c = document.getElementById("qrcode_c");  

if(qrcode_c){  

    var thisURL = document.URL;    

    var qrcode = new QRCode(qrcode_c, {  

        width : 60,  

        height : 60  

    });  

    qrcode.makeCode(thisURL);  

}  

qrcode是通過canvas生成二維碼的,不支持canvas的瀏覽器,還是想想別的辦法吧。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *