[JavaScript] 網頁動態產生QR Code的方法

網路上有很多工具可以幫我們把一串文字轉換成QR Code。事實上,有不少現成的函式庫有提供動態產生QR Code,只要引用這些函式庫,就可以在我們的網頁中產生QR Code,以下介紹兩種網頁產生QR Code的方法:

使用JQuery Plug-In: JQuery-QRCode

JQuery-QRCode是JQuery的一個Plug-In,因此在引用這個函式庫之前,必須先引用JQuery Library。此方式是在客戶端產生QR Code。以下是Plug-In的Github連結與官網
我們可以透過RawGit在網頁中直接引用jquery.qrcode.min.js(關於RawGit的說明可參考拙作《善用RawGit存取GitHub Raw File》一文),函式庫的路徑如下:http://cdn.rawgit.com/jeromeetienne/jquery-qrcode/master/jquery.qrcode.min.js

以下是範例(切換上方Tab可檢視程式和結果)

使用Google Chart

Google Chart API是以RESTful的方式,將參數帶入網頁連結,Google Chart API直接回傳一個圖檔。

細節可參閱Google網站的說明 https://developers.google.com/chart/infographics/docs/qr_codes?csw=1

以下是範例(切換上方Tab可檢視程式和結果)




相關文章

如何將電腦畫面經由 Chromecast 投放到電視螢幕上

Chrome 的檔案續傳功能

Mac與Android裝置傳輸檔案的方法

使用 Vysor 在電腦上控制 Android 裝置