網站最後更新日期:2018年8月29日
歡迎大家來到暢想資源 AREFLY.COM! 個人網站 更多聯絡方式
×

【可加Logo及顔色漸變】「聯圖網」生成二維碼API教學

現在網路上大部分提供免費生成二維碼API的服務的網站均無法在二維碼中加入自己的Logo或採用更活潑的漸變顔色,最近本站發現了國內的一個二維碼API提供商「聯圖網」可以完美加入Logo及使用漸變色,這篇文章就來教大家如何使用「聯圖網」所提供的API來創建你的二維碼!

QR Code簡介

二維條碼是指在一維條碼的基礎上擴展出另一維具有可讀性的條碼,使用黑白矩形圖案表示二進制數據,被設備掃描後可獲取其中所包含的信息。一維條碼的寬度記載著數據,而其長度沒有記載數據。二維條碼的長度、寬度均記載著數據。二維條碼有一維條碼沒有的「定位點」和「容錯機制」。容錯機制在即使沒有辨識到全部的條碼、或是說條碼有污損時,也可以正確地還原條碼上的資訊。

本段轉載至「維基百科:二維碼

「聯圖網」API可用參數

我們可以使用下列參數來客制化我們的二維碼:

提示:顔色代碼可在「HTML顏色代碼」中找到!

參數 描述 格式 範例 備註
bg 背景顔色 bg=[顔色代碼] bg=ffffff
fg 二維碼顔色 fg=[顔色代碼] fg=000000 如使用漸變色,本參數即二維碼左上角之色彩
gc 漸變顔色 gc=[顔色代碼] gc=cc00000 如使用本參數,即開啟漸變色!本參數為二維碼右下角之色彩!
el 容錯等級 el=[h/q/m/l] el=h 如無特別需要,保持默認即可
w 二維碼邊長 w=[數值 (px)] w=300
m 邊距 m=[數值 (px)] m=30
logo Logo圖標 logo=[圖標地址] logo=
text 文字 text=[文字] text=hello 注意,必須使用URL轉碼後的字元!
(即PHP中 urlencode 函數)

使用範例

白底黑字無漸變二維碼:http://qr.liantu.com/api.php?&bg=ffffff&fg=000000&text=hello

顔色漸變二維碼:http://qr.liantu.com/api.php?&bg=ffffff&fg=000000&gc=cc00000&text=hello

帶Logo二維碼:http://qr.liantu.com/api.php?&bg=ffffff&fg=000000&logo=https://file.arefly.com/icon-white.png&text=hello

設定大小為300px:http://qr.liantu.com/api.php?&w=300&bg=ffffff&fg=000000&text=hello

設定大小為300px、邊距30px:http://qr.liantu.com/api.php?&w=300&m=30&bg=ffffff&fg=000000&text=hello

WordPress中使用「聯圖網」API來增加當前頁面二維碼

提示:本站曾寫過更加詳細的教學,請見:WordPress自動添加本頁二維碼

1、首先你需要安裝外掛「Exec-PHP」來讓你的小工具中支持PHP代碼

2、然後你只需要在你的部落格「控制台」-「外觀」-「小工具」並且添加一個「文字」小工具,然後輸入以下代碼就可以啦! :razz:

注意:你需要將下列代碼中的 【Logo、背景色、漸變顔色等API】 替換為你想使用的除「二維碼邊長」、「邊距」及「文字」外的其他你使用的參數

覺得這篇文章有用嗎?分享一下讓更多人受益吧!

© 版權聲明:本文章採用「姓名標示-非商業性-相同方式分享 4.0 國際(CC BY-NC-SA 4.0)」於「」發布,轉載時須以相同方式發布並註明「原文鏈接」!

本文固定鏈接:https://www.arefly.com/zh-tw/liantu-qr-code/

本文章由「超級efly」於2014年07月16日發表於「網路」分類

你可以發表評論,並在保留原文地址及作者的情況下引用到你的網站

轉載請註明:【可加Logo及顔色漸變】「聯圖網」生成二維碼API教學 | 暢想資源

關鍵字:, , ,

【可加Logo及顔色漸變】「聯圖網」生成二維碼API教學:目前有 16 條留言
雙方以 8:8 暫時持平

評論載入中,請稍等……
  1. 6樓
    快樂家園 China Safari iPad

    加了logo會有一定機率500

    [回復]
  2. 5樓
    Aidd China Mozilla Firefox Windows

    很強大的功能。

    [回復]
  3. 4樓
    WeiChin China Google Chrome Windows

    這下方便多了

    [回復]
  4. 地板
    NFC酷 China Mozilla Firefox Windows

    多謝大哥,網站二維碼已改進成本文提到的形式。大致試了下,加上logo會比直接顯示慢一些,有時二維碼圖還會出不來。不過這也正常,畢竟服務端要讀取logo再生成。
    發現個問題,就是在掃wordpress分類和tag頁二維碼時,並不會出現當前分類頁鏈接,而是該分類下的第一篇文章鏈接,好怪。不管是聯圖還是qrserver都一樣。不管他了,這項功能還是很給力的說!

    [回復]
    • 已經更新代碼解決「在掃wordpress分類和tag頁二維碼時,並不會出現當前分類頁鏈接,而是該分類下的第一篇文章鏈接」這個問題啦! :razz:

      [回復]
  5. 板凳
    xiaoxa Hong Kong Google Chrome Windows

    有點拖慢速度。沒整體載入得快。

    [回復]
    • 是因為這個聯圖網偶爾會加載不出來...刷新一下就好了... :shock:

      [回復]
      • xiaoxa Hong Kong Safari Mac OS

        用谷歌的吧= =還是覺得谷歌的舒服。

        [回復]
  6. 沙發
    Less China Google Chrome Windows

    好方法!雖然麻煩,但配置好了就很方便地生成二維碼了。

    [回復]

發表評論



微笑 調皮 偷笑 可愛 大笑 壞笑 詭計 贊 疑問 HI~ 愛 抱歉 對不起 頭暈 驚訝 帥 努力 勞累 瘋狂 難過 大哭 差 豬 邪惡 無言 憤怒 流汗 擦汗


快捷鍵:Ctrl+Enter