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

7 月162014

作者：超级efly 发布：2014-07-16 16:05 分类：网络阅读：9,826

現在網路上大部分提供免費生成二維碼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/