JavaScript で実装された WeChat QR コード画像ジェネレーターの例

jquery.qrcode.js は、クライアント上でマトリックス QR コード QRCode を生成できる jquery プラグインで、ページ上に 2D バーコードを簡単に生成できます。

QRCode.js

QRCode.jsは、QRコード(QRCode)の作成・生成のためのJavaScript実装ライブラリです。 QRCode.js には優れたブラウザー間互換性があり (上位バージョンでは HTML5 Canvas が使用され、下位バージョンの IE では描画にテーブル要素が使用されます)、QRCode.js には依存関係がありません。 JS を引用するだけです。

このプラグインは単独で使用でき、gzip 圧縮を使用した後のサイズは 4kb 未満です。クライアント上で直接生成されるバーコードであるため、画像のダウンロードプロセスがなく、迅速に生成できます。これは、多言語クラス ライブラリに基づいてカプセル化されており、他の追加サービスには依存しません。

注* SVG を使用して QR コードを描画することもできます

基本的な使用方法

注* まず、qrcode.js への参照を追加し、空の DIV を作成する必要があります

<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>

利用可能なパラメータは他にもあります選択します

var qrcode = new QRCode("test", {
 text: "http://jindo.dev.naver.com/collie",
 width: 128,
 height: 128,
 colorDark : "#000000",
 colorLight : "#ffffff",
 correctLevel : QRCode.CorrectLevel.H
});

QRコード画像を素早く動的に変更できます

qrcode.clear();
qrcode.makeCode("http://naver.com");

ブラウザサポート

ほぼすべてのブラウザをサポートします: IE6~10、Chrome、Firefox、Safari、Opera、Mobile Safari、Android、Windows Mobile .

デモのアドレス: http://davidshimjs.github.io/qrcodejs

注* Node.JS を使用して QR コード画像を生成するサーバー側ライブラリがあります。興味のある学生はそれを学習することもできます。 https://github.com/ soldair/node-qrcode

以上がこの記事の全内容であり、皆様の学習に役立つことを願っております。また、皆様にも PHP 中国語 Web サイトをサポートしていただければ幸いです。

JavaScript で実装された WeChat QR コード画像ジェネレーターのその他の例については、PHP 中国語 Web サイトに注目してください。