技術共有

ネイティブ ミニ プログラムを使用して QR コードを生成する方法の 1 つ

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

レンダリング:

ステップ 1: 対応するパッケージをダウンロードしてビルドします ([ツール] --> [npm のビルド])

npm install weapp-qrcode --save

ステップ 2: wxml ページで宣言するキャンバス

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

ステップ 3: js ファイル内で引用を開始する 

import drawQrcode from 'weapp-qrcode'

ステップ 4: 生成を開始する 

  1. drawQrcode({
  2. width: 200,
  3. height: 200,
  4. canvasId: 'myQrcode',
  5. text: 'https://www.baidu.com/'
  6. })

text: 生成されたコンテンツです