Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie QR-Code in Javascript

So implementieren Sie QR-Code in Javascript

藏色散人
藏色散人Original
2021-07-03 09:23:3710123Durchsuche

So implementieren Sie QR-Code in JavaScript: 1. Laden Sie das qrcodejs-Plugin herunter. 2. Verwenden Sie qrcode, um QR-Code zu generieren, mit Code wie „new QRCode(document.getElementById(„qrcode“)“.

So implementieren Sie QR-Code in Javascript

Die Funktionsweise dieses Artikels Umgebung: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer

Wie implementiert man QR-Code mit Javascript?

js zum Generieren von QR-Code

Wir können qrcodejs verwenden QR-Code mit js generieren, qrcodejs ist der browserübergreifende QRCode-Generator für JavaScript, der ganz einfach QR-Codes generieren kann

1: Laden Sie das qrcodejs-Plug-in herunter

Die Adresse von qrcode: https://github.com/davidshimj...

heruntergeladen Die Dateien von qrcode lauten wie folgt, wobei qrcode.js und qrcide.min.js die von uns benötigten js sind. qrcode.min.js ist die komprimierte Version von qrcode.js
So implementieren Sie QR-Code in Javascript

Zwei: QR-Code implementieren Generation

1: Muss eingeführt werden. js

qrcodejs ist für die Implementierung auf der Grundlage von jquery konzipiert. Daher müssen wir zuerst jquery und dann qrcodejs einführen

<script></script>     <!--引入jquery-->
<script></script>         <!--引入qrcodejs-->

2: Verwenden Sie qrcode, um die QR-Code-Generierung zu realisieren

<p></p>
<script>
    new QRCode(document.getElementById("qrcode"), "https://wj0511.com");
</script>

Wenn wir zu diesem Zeitpunkt die aktuelle Seite besuchen, können wir sehen, dass wir den generierten QR-Code generiert haben. Besuchen Sie nach dem Scannen des QR-Codes https://www.wj0511.com

Hier erklären wir hauptsächlich einige grundlegende Parameter Der folgende neue QRCode

Der oben generierte QR-Code kann zu springen. Für die angegebene URL können wir auch einige grundlegende Parameter des QR-Codes wie folgt festlegen:

var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.wj0511.com",//扫描二维码后的内容
width: 128,//二维码的宽
height: 128,//二维码的高
colorDark : "#000000",//二维码线条颜色
colorLight : "#ffffff",//二维码背景颜色
correctLevel : QRCode.CorrectLevel.H    //二维码等级
});

Empfohlenes Lernen: „Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo implementieren Sie QR-Code in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn