QRコードを描画する方法はたくさんあります。自分で関数を書いて描画することもできますし、他の人が提供しているAPIを使うこともできます。たとえば、Google Chat APIを使ってQRコードを生成するのはAPIを使う方法です。一方、この記事で紹介するjquery.qrcodeは、他の人が書いた関数を使ってコードを生成します。最初はjquery.qrcodeとGoogle Chat APIの違いがよくわかりませんでした。後から、Google Chat APIはデータをGoogleのサーバーに送って生成するのに対し、jquery.qrcodeはブラウザ上で直接描画することを知りました。
注意点として、jquery.qrcodeはjQueryのプラグインなので、jQueryと組み合わせて使う必要があり、ブラウザ上でのみ動作します。
- jquery.qrcodeのサンプルファイル：Box.net｜4Shared｜Dropbox｜Google
- jquery.qrcodeのダウンロード：Box.net｜4Shared｜Dropbox｜Google
構文：
説明：https://coder.tw のQRコードを生成し、id が qr の要素の中に表示します。使用する前に、jQueryライブラリとjquery.qrcodeライブラリを読み込んでおいてください。
$('#qr').qrcode('https://coder.tw/');この例では、https://coder.tw のコードを生成したいので、.qrcode の中に https://coder.tw を入れています。linroex を含むコードを生成したい場合は、.qrcode(’linroex’) に変更します。