jQueryでQRコードを生成する方法 qrcode_jquery

現在、QR コードはますます普及しており、多くの Web ページには QR コードが含まれており、スキャンすると携帯電話で閲覧できるようになります。

以前は、同様のプロジェクトを行う場合、通常、Web ページ上に画像を生成し、その画像を Web ページに挿入していました。

これを行うと、すべてのページに QR コードを生成することはできません。

jquery-qrcodeはブラウザ側でQRコードを生成できるjqueryプラグインです。自己完結型で、最小限の圧縮で 4K 未満であり、画像のダウンロード リクエストはありません。このクラス ライブラリを導入すると、たった 1 行のコードで Web ページに QR コードを簡単に追加できるようになります。

qrcode は実際には jQuery を使用してグラフィックのレンダリングと描画を実装します。
に移動すると、キャンバス (HTML5) とテーブルがサポートされます。

https://github.com/jeromeetienne/jquery-qrcode

最新のコードを取得します。

使い方

1. まず、jquery ライブラリ ファイルと qrcode プラグインをページに追加します

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

2. QR コードを表示する必要があるページに次のコードを追加します。

<div id="code"></div>

3. qrcode プラグインを呼び出します

qrcode は、画像のレンダリングにキャンバスとテーブルの 2 つのメソッドをサポートしています。当然、ブラウザは html5 をサポートする必要がありますが、これが最も効率的です。

直接電話:

$('#code').qrcode("http://www.jb51.net.com"); //任意字符串

詳細属性:

$("#code").qrcode({
render: "table", //table方式
width: 200, //宽度
height:200, //高度
text: "www.helloweba.com" //任意内容
});