Heim  >  Artikel  >  WeChat-Applet  >  So generieren Sie einen QR-Code mit einem Miniprogramm

So generieren Sie einen QR-Code mit einem Miniprogramm

coldplay.xixi
coldplay.xixiOriginal
2020-08-14 14:30:138845Durchsuche

So generieren Sie einen QR-Code mit einem Miniprogramm: Erstellen Sie zunächst eine gezeichnete Leinwand in der WXML-Datei. Kopieren Sie dann [weapp.qrcode.min.js] in das Projekt. Rufen Sie schließlich [drawQrcode()] auf, um den QR-Code zu zeichnen.

So generieren Sie einen QR-Code mit einem Miniprogramm

So generieren Sie QR-Code mit einem Miniprogramm:

1. Erstellen Sie ein Canvas-Tag. Erstellen Sie zunächst die gezeichnete Leinwand in der WXML-Datei und definieren Sie Breite, Höhe und Canvas-ID. Da das Miniprogramm über keine API zum dynamischen Erstellen von Etiketten verfügt, kann dieser Schritt nicht weggelassen werden.

<canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>

2. Rufen Sie die Zeichenmethode auf

Da das WeChat-Applet die Einführung von NPM-Paketen nicht unterstützt, können Sie weapp.qrcode.min.js im dist-Verzeichnis in das Projekt kopieren.

Wenn Ihr Applet ein Framework verwendet, das die Einführung von NPM-Paketen unterstützt, wie z. B. wepy, können Sie das NPM-Paket weapp-qrcode auch direkt installieren.

npm install weapp-qrcode --save

Nachdem Sie die js-Datei eingeführt haben, rufen Sie drawQrcode() auf, um den QR-Code zu zeichnen.

import drawQrcode from &#39;weapp-qrcode&#39;
// 或者,将 dist 目录下,weapp.qrcode.min.js 复制到项目目录中
// import drawQrcode from &#39;../../utils/weapp.qrcode.min.js&#39;
drawQrcode({
  width: 200,
  height: 200,
  canvasId: &#39;myQrcode&#39;,
  text: &#39;https://github.com/yingye&#39;
}

API-Beschreibung

参数  说明  示例
width   必须,二维码宽度,与canvas的width保持一致  200
height  必须,二维码高度,与canvas的height保持一致 200
canvasId    必须,绘制的canvasId  &#39;myQrcode&#39;
text    必须,二维码内容    &#39;https://github.com/yingye&#39;
typeNumber  非必须,二维码的计算模式,默认值-1  8
correctLevel    非必须,二维码纠错级别,默认值为高级,取值:{ L: 1, M: 0, Q: 3, H: 2 }    1
background  非必须,二维码背景颜色,默认值白色   &#39;#ffffff&#39;
foreground  非必须,二维码前景色,默认值黑色    &#39;#000000&#39;

Verwandte Lernempfehlungen:
WeChat Mini-Programmentwicklungs-Tutorial

Das obige ist der detaillierte Inhalt vonSo generieren Sie einen QR-Code mit einem Miniprogramm. 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