病みつきエンジニアブログ

機械学習、Python、Scala、JavaScript、などなど

jQuery を使わずにQRコードを生成するプラグイン作った

作ったんじゃなくてパクったんじゃないかな、っていうね!
https://github.com/yamitzky/render-qrcode

使い方は簡単で、

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

とかやってプラグインを読み込みます。書き込む要素を

<div id="qrcode-element"></div>

とかやって作っておきます。

document.getElementById('qrcode-element').qrcode("text or options");

で、対象となるDOMのqrcode関数を呼んであげると、QRコード埋め込まれます。
引数には、文字列もしくは、オプションを設定して下さい。

ちなみにデフォルトのオプションは、

default_options = {
			render		: "canvas", /* "canvas" or "table" is also supported */
			width		: 256,
			height		: 256,
			typeNumber	: -1,
			correctLevel	: QRErrorCorrectLevel.H, /* L, M, Q, H is supported */
                        background      : "#ffffff",
                        foreground      : "#000000"
		}

ですが、オプションを指定するときは、

element.qrcode({
  text: "text you want to generate qrcode",
  render: "table"
});

textもつけて上げてくださいね、