WeChatミニプログラムQRコード生成ツール weapp-qrcode 詳細説明

WeChatミニプログラムQRコード生成ツール weapp-qrcode 詳細説明

WeChat ミニプログラム - QR コード ジェネレーター

ダウンロード: weapp-qrcode.js ファイル

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

weapp-qrcode.jsファイルをプロジェクトに導入する

js

const app = getApp();
const QR = require('../../lib/weapp-qrcode.js'); // weapp-qrcode をインポート

ページ({
    /**
     * ページの初期データ */
    データ: {
        QrCodeURL:'', // QR コード画像パス},
    // QRコードdrawImg: function (){
        それを = これとする、
            params = "https://www.baidu.com/"; // QRコードパラメータ var imgData = QR.drawImg(params, {
            typeNumber: 4, // 密度 errorCorrectLevel: 'L', // エラー訂正レベル size: 800, // 白い境界線 })
        
        this.setData({
            qrコードURL: imgData
        })
    },
})

html

<view style="text-align:center;">
    <image style="width:500rpx;height:500rpx;" src="{{ qrcodeURL }}" ></image>
</ビュー>

WeChatミニプログラムQRコード生成ツールweapp-qrcodeに関するこの記事はこれで終わりです。WeChatミニプログラムQRコード生成ツールの関連コンテンツについては、123WORDPRESS.COMで以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も123WORDPRESS.COMを応援していただければ幸いです。

以下もご興味があるかもしれません:
  • WeChatアプレットクラウド開発でクラウド機能を使用してQRコードを生成する方法
  • WeChat アプレットを使用して共有ポスターを生成する方法 (QR コード生成付き)
  • WeChat アプレットで QR コードを生成するサンプル コード
  • パラメータ付きの小さなプログラムQRコードを生成し、ローカルに保存する機能を実装したノードの例
  • WeChatアプレットはQRコード実装コードを動的に生成します
  • WeChatアプレットの文字列からQRコード画像を生成する方法

<<:  HTML ハイパーリンクの詳細な説明

>>:  CSS を使用して複数の方法で下揃えを実装するサンプル コード

推薦する

モバイル端末の水平および垂直画面ビューポート検出を決定するための js のいくつかの方法

目次1. 異なるビューポートを取得する方法2. 水平画面と垂直画面のJavaScript検出3. 水...

Linux で推奨される 9 つの優れたコード比較ツールの概要

コードを書くとき、2 つのファイル間の違い、または同じファイルの異なるバージョン間の違いを知る必要が...

JavaScriptは文字の出現回数をカウントします

この記事の例では、文字の出現回数をカウントするJavaScriptの具体的なコードを参考までに共有し...

CentOS 7 環境でソースコードから MySQL 5.7 をインストールする方法

この記事では、CentOS 7 環境でソース コードから MySQL 5.7 をインストールする方法...

Linuxの読み取りコマンドの使用

1. コマンドの紹介read コマンドは、シェルの組み込みコマンドで、標準入力または -u オプショ...

CSS 要素を表示および非表示にする 9 つの方法

Web ページの制作では、要素の表示と非表示は非常に一般的な要件です。この記事では、要素を表示したり...

Vue+tsx のスロット使用の問題が置き換えられない

目次序文問題を見つける解決する追記序文最近、 UIコンポーネントを作成する予定で、 vue 2.xと...

Docker マイクロサービス用の ETCD クラスターの構築に関する詳細なチュートリアル

目次etcdの機能etcdが独自の高可用性クラスタを構築するには、主に3つの形式があります。今回構築...

MySQL 5.7.19 のインストールと設定方法のグラフィック チュートリアル (win10)

以下に記録されているように、WIN10システムにMYSQLをダウンロードしてインストールするための詳...

Linux で起動時にプログラムを自動的に実行させる最も簡単な方法

たくさん集めましたが、すべて失敗に終わりました。最終的に、この方法は優れており、使用に影響を与えない...

Windows 10 システムで Mysql8.0.13 のルート パスワードを忘れる方法

1. まずmysqlサービスを停止します管理者としてCMDを開いて閉じるか、Windowsサービスペ...

MySQL にテーブルデータを挿入するときに中国語の文字化けが発生する問題を解決する方法

1. 問題開発中に、他のデータベースから MySQL データベース テーブルにデータを挿入すると、次...

HTML テーブル マークアップ チュートリアル (43): テーブル ヘッダーの VALIGN 属性

垂直方向では、ヘッダーの配置を上、中央、下に設定できます。基本的な構文構文Top は上、Middle...

Dockerイメージのローカル移行の実装

最近 Docker を勉強しているのですが、よく問題に遭遇します。Docker イメージをダウンロー...

CSS 読み込み効果の実装 パックマン

えーっと、名前はただの推測です 2333序文これは練習用の CSS デモです。何か間違っている点があ...