js生成二維碼插件

最近研究如給主頁生成二維碼,開始考慮使用googleapis。
<img src='https://chart.googleapis.com/chart?cht=qr&chs=150x150&choe=UTF-8&chld=L|4&chl=myurl' />
但是,google......,大家都懂的不多說。
後來網上搜索,找到了一個可以生成二維碼的js庫qrcode.js,不依賴任何其他代碼,看着不錯就下來來試試,果然很好用。
qrcode.js的下載地址http://davidshimjs.github.io/qrcodejs/,你可以現在zip壓縮包,裏面有一個簡單的例子。
雖然例子中引入了jquery,但是放心,那是給頁面用的,qrcode.js不依賴jquery。
我的例子代碼,html:
<div id='qrcode_c' style='background-color:#FFFFFF;width:60px;height:60px;padding:6px;'></div>
js代碼:
    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的瀏覽器,還是想想別的辦法吧。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章