QRCode.js JQuery に基づいて QR コードを生成するための JS ライブラリ インスタンス メソッド

この記事では、JQuery に基づいて QR コードを生成するための JS ライブラリである QRCode.js の使用方法を主に紹介します。興味のある学生がそれについて学ぶことができると幸いです。

1. QRCode.js

QRCode.js は、クロスブラウザーの HTML5 Canvas およびテーブル タグの DOM 操作をサポートし、他のライブラリや拡張機能に依存しません。

ホームページ: QRCode.js

Github: davidshimjs/qrcodejs

2. 使い方

2.1 基本的な使い方

<p id="qrcode"></p>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "https://www.gzpblog.com");
</script>

2.3 関数の呼び出し

<p id="qrcode"></p>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
  text: "https://www.gzpblog.com",
  width: 128,
  height: 128,
  colorDark : "#000000",
  colorLight : "#ffffff",
  correctLevel : QRCode.CorrectLevel.H
});
</script>

3.アプリケーションの

が使用されましたPHP QR Code を使用して QR コードを生成する前は、この PHP プラグインを通じて QR コードを生成するときにいくつかの小さな問題があることがわかりました。このプラグインは内部的に十分に統合されておらず、ブラウザ上で QR コードを直接表示するのにはあまり適していません。 、そしてスタイルを制御するのは簡単ではありません（QRコードファイルを保存するときはそうではありません）。

QRCode.jsを使用すると、画像が

qrcode.clear(); // 清除二维码
qrcode.makeCode("https://www.php.cn"); // 创建一个新的二维码

に直接出力されるため、画像と同じようにスタイルを非常に制御できます。以前の WeChat 支払い公式 SDK と同様に、phpsdk は phpqrcode を使用して生成され、QRCode.js に変更されました。その後、簡単な効果:

関連する推奨事項:

HTML5 により、主要な WeChat QQ およびその他の通信プラットフォームでの共有が可能になります。 QR コード機能

HTML5 ハイブリッド開発 QR コードのスキャンとローカル カメラの呼び出しサンプル チュートリアル

PHP で QR コード認識を実装する方法 - サンプル共有

以上がQRCode.js JQuery に基づいて QR コードを生成するための JS ライブラリ インスタンス メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。