QRコードをページに埋め込めるjQueryプラグイン「jquery.qrcode.js」

サイト内にQRコードを埋め込みたい。
そんな時に使えるのが「jquery.qrcode.js」。
指定のdivにURLやテキストなどのパラメータを指定するだけQRコードを表示してくれるjQueryプラグインだ。
QRコードの表示には外部のAPIは使用せずに全てJavaScriptで実装されているので、業務案件でも使えそうです。
使い方
使い方は非常に簡単です。
まずは、ライブラリを読み込みます。
1 | < script type = "text/javascript" src = "jquery.qrcode.min.js" ></ script > |
表示させたい場所に空のdivを作成します。
1 | < div id = "qrcode" ></ div > |
divにQRコードに埋め込みたいテキストを指定します。
1 | jquery( '#qrcode' ).qrcode( "this plugin is great" ); |
これだけで完了です。簡単ですね。
日本語文字列はうまく表示できませんでしたので、URLだけを表示させたい場合なんかに良さそうです。
興味のある方は下のリンクからダウンロードください。
最新情報をお届けします
- Website: http://jeromeetienne.github.com/jquery-qrcode/
- Demo: http://jeromeetienne.github.com/jquery-qrcode/examples/basic.html
- License: MIT License