忍者ブログ

2024
03
30

[PR]

×

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

2024/03/30 (Sat.)

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パラメータの値に入れています。

PR

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

Comments

名前
メールアドレス
URL
コメント
PASS  Vodafone絵文字 i-mode絵文字 Ezweb絵文字

Trackback

Trackback for this entry:

Links

ご注意

当サイトのスクリプトは、ブラウザが FireFox 3.0 であることを前提に作成されています。IE などでは正常に動作しないものがあります。

カテゴリー

ブログ内検索

最新記事

カレンダー

02 2024/03 04
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

アーカイブ

RSS

最新CM

[04/15 jTemplate]
[05/22 寝太郎]

プロフィール

HN:
寝太郎
性別:
非公開

バーコード

P R

アクセス解析

リンク

NSM

コガネモチ

フリーエリア