之前做過一個關于游樂場的項目，里面有使用到的一個使用閘機掃碼進出游樂園的功能。我前端只是接收到了每個用戶的不同的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
                    }
                );
                //根據(jù)input框的值生成二維碼
                qrcode.makeCode(document.getElementById("getval").value);
            }

使用很簡單，需要更多api的話可以去官網(wǎng)細看。