前端使用js生成二维码

之前做过一个关于游乐场的项目,里面有使用到的一个使用闸机扫码进出游乐园的功能。我前端只是接收到了每个用户的不同的number,需要我前端使用js生成二维码,找了一款比较好用的工具。


这是今天的主角qrcode.js
下载地址:http://code.ciaoca.com/javascript/qrcode/version/qrcodejs.zip
github源码以及详细介绍地址http://davidshimjs.github.io/qrcodejs/
方法比较简单,话不多说了,上代码了

  • 第一步
  • HEML代码
        
  • JS代码
            document.getElementById("send").onclick = function() {
                //实例化
                var qrcode = new QRCode(
                    //二维码存放的div
                    document.getElementById("qrcode"), {
                        width: 96, //设置宽高
                        height: 96
                    }
                );
                //根据input框的值生成二维码
                qrcode.makeCode(document.getElementById("getval").value);
            }

使用很简单,需要更多api的话可以去官网细看。

你可能感兴趣的:(前端使用js生成二维码)