スマホサイト制作の実機検証する際などでQRコードを使うことがよくあるのですが
さくっとQRコードを作れる手軽なツールがいまいち見当たらなかったので
jQueryを使って簡単にQRコードを作成できるツールを作ってみたので紹介してみます。
(ただ自分で使うために作ったものになりますが・・・)
QRコード作成 [QR CODE GENERATOR]
変換するURLを画面上にあるフォームに入力すると
下記にQRコードが表示されます。
(入力フォームの値を変えるごとにリアルタイムにQRが変換されます。)
ちょっとしたオプションとして「▼」ボタンを押すと
QRコードのサイズ(デフォルトでは200×200)や色、
CANVASモードで生成するかTABLEモードで作成するか、
それぞれ選択できます。
(HTML5に対応していないブラウザではTABLEモードでQRを表示することが可能)
CANVASモードでは生成したQRコードの下に表示されるボタンから
PNG形式の画像で保存することも出来ます。
・保存の際には右クリックからリンク先対象を保存を選択します。
・ボタンを左クリックするとQRコードのみが別枠で表示されるのでそれを保存させることも可。
以前もここでjQueryを使ってQRコードを作成するツールを作って紹介しましたが
より手軽にQRコードを作成できる流れになっています。
QRコード生成には「jQuery.qrcode」jQueryプラグインを使用しています。
jQuery.qrcode・generate QR codes dynamically・larsjung.de
QRコードを手軽に作成する際にぜひ。。。
QRコードを手軽に作成するツール「QRコード作成 [QR CODE GENERATOR]」作ってみました | BlackFlag : ちゅどん道中記 | 2013.04.17 14:16
[...] >>QRコードを手軽に作成するツール「QRコード作成 [QR CODE GENERATOR]」作ってみました | BlackFlag Author: スポンサードリンク [...]