[網站]QR Code與Google Chart API
終於有支援QR Code的手機,剛才試玩一下,覺得很有趣,雖然QR Code和Google Chart API都不是什麼新玩意了,但玩到這東西還是覺得很酷,所以順便做個簡易教學,讓大家都有自己的QR Code。
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vuP6xha9fVX4BznyWEK6VrUhLIyjwP6E5cnUFr-zDwZMOeNk79bmM0dgKlrJLj1UyvCmUYuWvlmnfXZAqGZ24WRT--Ar_JdJ6mA-LR1kytNF_J5Zp_5YEi1PwPmP5fkw8pKzbSGp_vMFoPAXp1R6aXbWKboB8RSJahdcZyLUbC=s0-d)
以我的Blog網址的QR Code當作例子,整個網址是
及圖片所需要的參數cht=qr&chs=150x150&chld=M&chl=http://wanpaoko.blogspot.com/,參數和參數之間用&符號隔開,
說明如下:
cht=qr ,代表畫Chart是QR Code chart
chs=150x150 ,尺寸是150x150
chld=M ,代表容錯能力,M是指中等
chl=http://wanpaoko.blogspot.com/,即QR Code的內容,基本上只有修改這裡,就可以擁有自己網址的QR Code囉。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjnIJO6nR1Ofm6nQmGyuJgGumYJjlGgnNTmpeoiokQHl6sn82qS0LMTDqOFJ7wd8DUSU9JJtk4S03xV-ptzcwS1agutgCG3dJJ4z8L4aE_qsHzhGWhR6sb6nxaOlAqNb0L255uNg/s400/qr+code.png)
至於QR Code要怎麼用呢,基本上只要手機有內建或抓到QR Code的識別軟體,只要開啟對準電腦螢幕,馬上就可以轉換並得到資料,剛才實測一下,辨試能力真的很強,容錯能力也不錯,難怪可以這麼快就普及。
重點也感謝神奇好用的Google Chart API,醬子要動態產生一些圖表變得超簡單的,而且Google不單只有提供QR Code,凡舉Excel做的出來做不出來的圖,它似乎都可以產生,也可以結合CCS或Java Script丟參數進去,會更有彈性,未來網頁應該可以更圖文並茂一點。
以我的Blog網址的QR Code當作例子,整個網址是
http://chart.apis.google.com/chart?cht=qr&chs=150x150&chld=M&chl=http://wanpaoko.blogspot.com/其中,可以拆解成 Google Chart API的網址 http://chart.apis.google.com/chart?
及圖片所需要的參數cht=qr&chs=150x150&chld=M&chl=http://wanpaoko.blogspot.com/,參數和參數之間用&符號隔開,
說明如下:
cht=qr ,代表畫Chart是QR Code chart
chs=150x150 ,尺寸是150x150
chld=M ,代表容錯能力,M是指中等
chl=http://wanpaoko.blogspot.com/,即QR Code的內容,基本上只有修改這裡,就可以擁有自己網址的QR Code囉。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjnIJO6nR1Ofm6nQmGyuJgGumYJjlGgnNTmpeoiokQHl6sn82qS0LMTDqOFJ7wd8DUSU9JJtk4S03xV-ptzcwS1agutgCG3dJJ4z8L4aE_qsHzhGWhR6sb6nxaOlAqNb0L255uNg/s400/qr+code.png)
至於QR Code要怎麼用呢,基本上只要手機有內建或抓到QR Code的識別軟體,只要開啟對準電腦螢幕,馬上就可以轉換並得到資料,剛才實測一下,辨試能力真的很強,容錯能力也不錯,難怪可以這麼快就普及。
重點也感謝神奇好用的Google Chart API,醬子要動態產生一些圖表變得超簡單的,而且Google不單只有提供QR Code,凡舉Excel做的出來做不出來的圖,它似乎都可以產生,也可以結合CCS或Java Script丟參數進去,會更有彈性,未來網頁應該可以更圖文並茂一點。
留言