现在的位置: 首页 > 综合 > 正文

js生成二维码插件

2018年10月20日 ⁄ 综合 ⁄ 共 651字 ⁄ 字号 评论关闭

最近研究如给主页生成二维码,开始考虑使用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的浏览器,还是想想别的办法吧。

抱歉!评论已关闭.