jQueryでQRコード生成できるプラグイン「jQuery.qrcode-0.7.0」

jQueryのプラグインで、QRコードを簡単に生成することができる「jQuery.qrcode」というのがあります。

「jQuery.qrcode」プラグインでは、サイズや色などQRコードをカスタマイズすることができるオプションもあります。

jQuery.qrcode v0.7.0の使い方

プラグインをダウンロードをしてフォルダー（ディレクトリ）に配置。
ダウンロード：jQuery.qrcode v0.7.0

ヘッダーにプラグインの読み込みを記述します。

<script src="jquery.qrcode-0.7.0.min.js"></script>

QRコードを生成するためのオプション設定をします。

オプション項目には、canvasやimageなどで表示設定ができる「render」、QRコードのサイズの設定ができる「size」、サイトのURLを設定する「text」などいくつかあります。

オプションを設定したあと、HTMLで表示する箇所のセレクター設定をしてqrcode（オブションの変数）を実行します。

var options = {
  render: 'image',
  size: 150,
  text: 'http://wpcos.com/'
};

$('#qrcode_view').qrcode(options);

htmlのbodyタグ内にqrコードを表示する「div#qrcode_view」を設定

<div id="qrcode_view"></div>