前端使用js生成二维码

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

---

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

• 第一步
  <script src="qrcode.js"></script>
• HEML代码

        <div id="qrcode">
            <!--二维码容器-->
        </div>
        <input type="text" id="getval" />
        <button id="send">生成验证码</button>

• 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的话可以去官网细看。