Google Chart API を利用して、QRコードを表示する。　寝太郎の江戸風呂。ね！

2024
11
22

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/11/22 (Fri.)

2010
08
17

Google Chart API を利用して、QRコードを表示する。

Google Chart API を利用して、QRコードを表示します。

"qr.js"を呼び出す記述をしたところに、QRコードが現れます。

<script src="http://blog.cnobi.jp/v1/blog/user/c1c990de467ed4f31a60b43ae3632205/1282025622"></script>

ソースは、 http://blog.cnobi.jp/v1/blog/user/c1c990de467ed4f31a60b43ae3632205/1282025622

Google Chart API のQRコード表示は、チャートタイプ(Chart Type)のパラメータ「cht」に"qr"を指定し、QRコードのデータを「chl」パラメータに指定することで行います。チャートサイズ(Chart Size)は、「chs」で指定します。つまり「http://chart.apis.google.com/chart? cht=qr&chs=150x150&chl=文字列」のように記載します。そうすると、文字列がQRコードに変換されて PNG画像が返ってきます。IMG要素のsrc 属性にこれを指定することで、これをページに表示することができます。

http://blog.cnobi.jp/v1/blog/user/c1c990de467ed4f31a60b43ae3632205/1282025622では、ページのURLを location.href で取得して、chlパラメータの値に入れています。

2010/08/17 (Tue.) Trackback() Comment(0) Google Chart

Comments