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

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

過去に同様のプロジェクトを行ったときは、通常、Web ページ上で画像を生成し、Web ページに画像を挿入していました。

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

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

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

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" //任意内容
});

その他 jQuery qrcode 生成 2 QR code メソッドに関連する記事については、PHP 中国語 Web サイトに注目してください。