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

JavaScript zum Implementieren einer zufälligen Namensaufruf-Webseite

JavaScript schreibt eine zufällige Roll-Call-Webs...

Zusammenfassung der Zeilenumbruchprobleme bei Textbereichen in HTML

Kürzlich stieß ich auf das Problem, ob die Daten b...

Website-Homepage-Design im Illustrationsstil Neuer Trend im Website-Design

Sie können sehen, dass ihre visuellen Effekte sehr...

Tutorial zur Verwendung von Webpack in JavaScript

Inhaltsverzeichnis 0. Was ist Webpack 1. Einsatz ...

Javascript implementiert die Webversion des Flipperspiels

Das mit JavaScript-Objekten und -Methoden impleme...

Karusselleffekte mit JavaScript implementieren

In diesem Artikel wird der spezifische Code für J...

Detaillierte Erklärung, wie Zabbix den Master-Slave-Status von MySQL überwacht

Nach dem Einrichten des MySQL-Master-Slaves wisse...

Eine Minute, um die Laufruhe von HTML+Vue+Element-UI zu erleben

Technik-Fan html-Webseite, müssen Sie wissen Von ...

Richtige Verwendung der Vue-Funktion Anti-Shake und Throttling

Vorwort 1. Entprellen: Nach dem Auslösen eines Ho...