【可加Logo及颜色渐变】「联图网」生成二维码API教学

7 月162014

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

现在网路上大部分提供免费生成二维码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/zh-hans/liantu-qr-code/