《前端》QRCode.js:使用 JavaScript 生成二維碼(待完善)

補充:獲得 body 元素的節點類型:document.body.nodeType;

qrcode.js是一個用於生成二維碼的 JavaScript 庫。主要是通過獲取 DOM 的標籤,再通過 HTML5 Canvas 繪製而成,不依賴任何庫。

基本用法

    <script src="./qrcode.js" defer="defer"></script>
    <style>
        #qrcode {
            width: 160px;
            height: 160px;
            margin-top: 15px;
        }
    </style>
</head>
<body>
    <input id="text" type="text" value="http://www.runoob.com" /><br />
    <div id="qrcode"></div>
    <script>
        var qrcode = new QRCode("qrcode");
        function makeCode() {
            var elText = document.getElementById("text");

            if (!elText.value) {
                alert("Input a text");
                elText.focus();
                return;
            }
            qrcode.makeCode(elText.value);
        }
        makeCode();
        $("#text").
        on("blur", function() {
            makeCode();
        }).
        on("keydown", function(e) {
            if (e.keyCode == 13) {
                makeCode();
            }
        });
    </script>

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章