WeChat Mini-Programm QR-Code-Generierungstool weapp-qrcode Detaillierte Erklärung

WeChat Mini-Programm QR-Code-Generierungstool weapp-qrcode Detaillierte Erklärung

WeChat Mini-Programm - QR-Code-Generator

Download: Datei weapp-qrcode.js

github:https://github.com/Pudon/weapp-qrcode-base64

Fügen Sie die Datei weapp-qrcode.js in das Projekt ein

js

const app = getApp();
const QR = require('../../lib/weapp-qrcode.js'); // Importiere weapp-qrcode

Seite({
    /**
     * Ausgangsdaten der Seite */
    Daten: {
        QrCodeURL:'', // QR-Code-Bildpfad},
    // QR-Code drawImg: Funktion (){
        lass das = dies,
            params = "https://www.baidu.com/"; // QR-Code-Parameter var imgData = QR.drawImg(params, {
            typeNumber: 4, // Dichte errorCorrectLevel: 'L', // Fehlerkorrekturstufe size: 800, // weißer Rand })
        
        dies.setData({
            qrcodeURL: imgData
        })
    },
})

html

<Ansichtsstil="text-align:center;">
    src="{{ qrcodeURL }}" ></image>
</Ansicht>

Dies ist das Ende dieses Artikels über das WeChat Mini Program QR Code Generation Tool weapp-qrcode. Weitere verwandte Inhalte zum WeChat Mini Program QR Code Generation Tool finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • So verwenden Sie Cloud-Funktionen zum Generieren von QR-Codes in der WeChat-Applet-Cloud-Entwicklung
  • So erstellen Sie ein Sharing-Poster mit dem WeChat-Applet (mit QR-Code-Generierung)
  • Beispielcode zum Generieren eines QR-Codes im WeChat-Applet
  • Beispiel eines Knotens, der die Funktion zum Generieren und lokalen Speichern eines kleinen Programm-QR-Codes mit Parametern implementiert
  • Das WeChat-Applet generiert dynamisch QR-Code-Implementierungscode
  • So generieren Sie ein QR-Code-Bild aus einer Zeichenfolge im WeChat-Applet

<<:  Beispielcode zum Implementieren der unteren Ausrichtung auf verschiedene Arten mit CSS

>>:  Detaillierte Schritte zum Ausführen eines Springboot-Projekts in Linux Docker

Artikel empfehlen

Beispielanalyse für MySQL-Transaktionen, Isolationsebenen und Sperrenverwendung

Dieser Artikel beschreibt anhand von Beispielen M...

Detaillierte Erklärung der Lösung für das Nginx-Panikproblem

In Bezug auf das Nginx-Panikproblem müssen wir zu...

Probleme mit der Rancher-Bereitstellung und dem Importieren von K8S-Clustern

Die Rancher-Bereitstellung kann über drei Archite...

Detaillierte Erklärung des MySQL-Ausführungsplans

Die EXPLAIN-Anweisung liefert Informationen darüb...

Der Unterschied zwischen HTML-Frame, Iframe und Frameset

10.4.1 Der Unterschied zwischen Frameset und Fram...

Methode zur Implementierung von Website-Hintergrundmusik

Für einzelne Webmaster war es schon immer das Ziel...

Beispielcode zum automatischen Umbrechen des Pre-Tags

Das Pre-Element definiert vorformatierten Text. In...

Ausführliche Erklärung der Modi und Umgebungsvariablen in Vue CLI

Vorwort Bei der Entwicklung tatsächlicher Projekt...