Google Chart ToolsでQRコードを表示する方法

Google Chart ToolsのAPIを利用してQRコードを表示しました。またカラーQRコードも表示できるようになりました。

プレビュー

↓別ウィンドウを開いて見る
Google Chart ToolsでQRコードを表示する - js do it

ポイント

Infographics (Deprecated) ― Google Developers

• 「https://chart.googleapis.com/chart?」：ルートURL
• 「chs」：画像の幅、高さの指定
• 「cht」：画像のタイプ。QRコードを表示したい場合は「qr」を指定
• 「chl」：URLなど
• 「chco」：カラーの指定。「セル色,背景色」。背景色を濃くすると読み取りにくくなります。

コード例

↓通常例

<img src="http://chart.apis.google.com/chart?chs=120x120&cht=qr&chl=http://d.hatena.ne.jp/vinton/" alt="">

↓1色だけ指定した場合

<img src="http://chart.apis.google.com/chart?chs=120x120&cht=qr&&chco=ff6600&chl=http://d.hatena.ne.jp/vinton/" alt="">

↓2色指定した場合

<img src="http://chart.apis.google.com/chart?chs=120x120&cht=qr&&chco=01A31C,eeeeee&chl=http://d.hatena.ne.jp/vinton/" alt="">