js——生成二維碼

阿新 • • 發佈：2020-12-31

QRCode.js 是一個用於生成二維碼的 JavaScript 庫。主要是通過獲取 DOM 的標籤,再通過 HTML5 Canvas 繪製而成,不依賴任何庫。
在這裡插入圖片描述

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" 
 />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src= 
"http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
</head>

<body>
    <input id="text" type="text" value="http://www.runoob.com" style="width:80%" /><br />
    <div id="qrcode" style="width:100px; height:100px; margin-top:15px;" 
></div>

    <script type="text/javascript">
        //根據輸入框輸入得地址獲取二維碼
        $("#text").on("keydown", function (e) {
            if (e.keyCode == 13) {
                makeCode()
            }
        })

        //製造二維碼
        function makeCode() {
            var elText = document.getElementById("text")
            if (!elText.value) {
                alert("請輸入地址")
                return
            }

            //生成二維碼 樣式 屬性
            var qrcode = new QRCode(document.getElementById("qrcode"), {
                width: 100,
                height: 100
            })
            qrcode.makeCode(elText.value)
        }
    </script>
</body>

</html>

解決qrcode.js生成二維碼時必須定義一個空div的問題

根據qrcode的文件說明：https://github.com/davidshimjs/qrcodejs <div id=\"qrcode\"></div>

js——生成二維碼

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

QRcode.js 生成二維碼

什麼是QRCode.js QRCode.js是用於製作二維碼的JavaScript庫。QRCode.js支援在HTM中使用HTML5畫布和表格標籤進行交叉瀏覽。QRCode.js沒有依賴關係

js生成二維碼的示例程式碼

前段時間專案中需要開發掃描二維碼檢視資訊的功能，在網上查了一些資料，把用過的方法進行總結需要匯入一個qrcode的js 外掛。

JS生成二維碼以及點選下載二維碼

JS生成二維碼效果掃描二維碼可訪問指定連結或當前網站連結,內容可以自己更改

利用JS生成二維碼圖片，優化WEB效能及頁面載入速度

移動網際網路的蓬勃發展絕對離不開二維碼的“推波助瀾”，一張小小的圖片，省去了繁瑣的苦逼輸入，也拉近了 PC 端和移動端的距離！雖然是東洋人最初發明的，但我還是要給 32 個贊！

QRCanvas - 動態生成二維碼的開源優秀 js 庫

簡單呼叫就能滿足網址掃碼預覽和分享、登入掃碼認證等二維碼功能。 QRCanvas 能用來做什麼

java生成二維碼並且給二維碼新增logo

java生成二維碼，具體程式碼如下所示： package com.bus.wx.action.code; import java.awt.BasicStroke;

Python django框架輸入漢字，數字，字元生成二維碼實現詳解

這篇文章主要介紹了Python django框架輸入漢字，數字，字元轉成二維碼實現詳解,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

golang 生成二維碼海報的實現程式碼

生成帶頭像的二維碼 import ( "errors" "fmt" "github.com/nfnt/resize"

Python使用qrcode二維碼庫生成二維碼方法詳解

安裝qrcode庫 pip install qrcode 宣告 import qrcode 使用qrcode QRCode 方法 qrcode.QRCode( version=1,error_correction=qrcode.ERROR_CORRECT_L,box_size=10,border=4,image_factory=None,mask_pattern=