【可加Logo及顔色漸變】「联图网」生成二維碼API教學

Jul162014

作者：超级efly 发布：2014-07-16 16:05 分类：网络阅读：2,369 17条评论

現在網路上大部分提供免費生成二維碼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、然後你只需要在你的部落格「控制台」-「外觀」-「小工具」並且添加一個「文字」小工具，然後輸入以下代碼就可以啦！

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

<?php
if(is_home()){
	$cur_url = home_url();
	$alt = get_bloginfo('name');
}else if(is_single()){
	$cur_url = wp_get_shortlink();
	$alt = get_the_title();
}else{
	$cur_url = 'http://'.$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
	$alt = '本頁面';
}
$cur_url = urlencode($cur_url);
$alt .= "的QR Code";
?>
<img src="https://qr.liantu.com/api.php?&w=100&m=10&【Logo、背景色、漸變顔色等API】&text=<?php echo $cur_url; ?>" srcset="http://qr.liantu.com/api.php?&w=200&m=20&【Logo、背景色、漸變顔色等API】&text=<?php echo $cur_url; ?> 2x" height="100" width="100" alt="<?php echo $alt; ?>" />

<?php

if(is_home()){

$cur_url = home_url();

$alt = get_bloginfo('name');

}else if(is_single()){

$cur_url = wp_get_shortlink();

$alt = get_the_title();

}else{

$cur_url = 'http://'.$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];

$alt = '本頁面';

}

$cur_url = urlencode($cur_url);

$alt .= "的QR Code";

<img src="http://qr.liantu.com/api.php?&w=100&m=10&【Logo、背景色、漸變顔色等API】&text=<?php echo $cur_url; ?>" srcset="http://qr.liantu.com/api.php?&w=200&m=20&【Logo、背景色、漸變顔色等API】&text=<?php echo $cur_url; ?> 2x" height="100" width="100" alt="<?php echo $alt; ?>" />

觉得这篇文章有用吗？分享一下让更多人受益吧！

本文固定链接：https://www.arefly.com/liantu-qr-code/

本文章由“超级efly”于2014年07月16日发表于“网络”分类

你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站

转载请注明：【可加Logo及顔色漸變】「联图网」生成二維碼API教學 | 畅想资源

关键字：QR Code, WordPress, 二維碼, 聯圖網

[上一篇] 讓瀏覽器自動加載網頁中最新的CSS和JS文件

[下一篇] Apache使用mod_log_slow來定位響應慢的請求

您可能还会对这些文章感兴趣！

【可加Logo及顔色漸變】「联图网」生成二維碼API教學：目前有 16 条留言
双方以 8：8 暂时持平

评论载入中，请稍等……

6楼
快乐家园 ：

加了logo会有一定机率500

2014-07-23 上午10:23 [回复]
- 超級efly ：
  
  沒有吧，從來沒遇到過...
  
  2014-07-23 上午10:56 [回复]
5楼
Aidd ：

很强大的功能。

2014-07-19 上午8:07 [回复]
- 超級efly ：
  
  是啊～～
  
  2014-07-19 下午3:21 [回复]
4楼
WeiChin ：

这下方便多了

2014-07-18 上午8:15 [回复]
- 超級efly ：
  
  2014-07-19 上午7:07 [回复]
地板
NFC酷 ：

多谢大哥，网站二维码已改进成本文提到的形式。大致试了下，加上logo会比直接显示慢一些，有时二维码图还会出不来。不过这也正常，毕竟服务端要读取logo再生成。
发现个问题，就是在扫wordpress分类和tag页二维码时，并不会出现当前分类页链接，而是该分类下的第一篇文章链接，好怪。不管是联图还是qrserver都一样。不管他了，这项功能还是很给力的说！

2014-07-17 上午11:32 [回复]
- 超級efly ：
  
  已經更新代碼解決「在扫wordpress分类和tag页二维码时，并不会出现当前分类页链接，而是该分类下的第一篇文章链接」這個問題啦！
  
  2014-07-17 下午3:28 [回复]
  - NFC酷 ：
    
    修改过来了，果然已解决问题~还是大哥厉害
    
    2014-07-17 下午5:51 [回复]
    - 超級efly ：
      
      2014-07-19 上午7:06 [回复]
板凳
xiaoxa ：

有点拖慢速度。没整体加载得快。

2014-07-16 下午9:29 [回复]
- 超級efly ：
  
  是因為這個聯圖網偶爾會加載不出來...刷新一下就好了...
  
  2014-07-17 上午10:25 [回复]
  - xiaoxa ：
    
    用谷歌的吧= =还是觉得谷歌的舒服。
    
    2014-07-17 下午8:03 [回复]
    - 超級efly ：
      
      不是谷歌內地被封掉了麼...
      
      2014-07-19 上午7:06 [回复]
沙发
Less ：

好方法！虽然麻烦，但配置好了就很方便地生成二维码了。

2014-07-16 下午8:59 [回复]
- 超級efly ：
  
  對呀～
  
  2014-07-17 上午10:25 [回复]