邪罗刹的菠萝阁 » image

一个PR图片调用API与查询的程序

小邪 — Mon, 22 Mar 2010 21:33:52 +0000

> 嘿嘿，这个是超人特别版喔，送给超人童鞋。并附带用户查询界面，为其中的 Index.php 文件。
> 最近觉得 Google 很厚道，日历阅读器 GMail GoogleCode Appengine 等一系列服务都很不错。

> 很爽，嘻嘻 O(∩_∩)O。最近打算搞一个 VPS 之类的有更大流量的东东来玩，嘎嘎，春哥保佑。
> 迟一些再发布 AlexImgAPI V1.0.0 吧，其实是还没有完成啦 ╮(╯▽╰)╭，还是代码丢失的老原因。

一. GooglePRImgAPI V1.0.0：

> 下面两幅图分别是 Index.php 和 Pr.php 的浏览图，请注意 Index.php 是依赖于 Pr.php 的喔。

> 下载 - http://code.google.com/p/evlosbox/downloads/detail?name=share_primgapi_UI.zip

二. 附言：

> 嘿嘿，因为超人童鞋急需，所以先发布这篇，下篇将发布《WP用于围观某评论者发言的插件》。

> 刚刚到手了 Zxc.im nnd.im，嘎嘎嘎，第一个网址是键盘上顺序按键，第二个是NND，O(∩_∩)O。

使用jQuery添加图片载入提示

小邪 — Sun, 27 Dec 2009 04:18:43 +0000

> 因为不可抗拒的因素，小邪昨天下午和今天上午都在离地球上最近的电脑有11公里的地方。
> 终于，在春哥的保佑之下，小邪终于在今天下午回到了我可爱的电脑面前。

> 呵呵，这篇文章讲的东西灰常简单，因为昨天没法一日一博，只好今天早晚各一篇。
> 以弥补各位看官受伤的心灵，小邪可是很善良的喔 (*^__^*) ，哇卡卡卡卡 O(∩_∩)O。

1. 图片载入提示 Demo 传送门：

> 小邪已经使用 Opera Safari Firefox Chrome IE6 测试过图片载入提示的代码了。
> 现在浏览器缓存机制十分强大，所以如果想多次浏览，请使用 Ctrl+F5 无缓存刷新。
> 额，这个快捷键在 FF 里是可以用的，其他浏览器小邪就不清楚咯。

> http://www.evlos.org/ev-box/demo/images_loading

2. 当然要先载入 jQuery 库：

> 呵呵，这是为新来的童鞋提供的步骤，老童鞋就请直接跳过咯。
> 貌似原来的 lastest.js 不见了，可能太多人载入这个文件，官方服务器挺不住。
> 所以这个还是在 Google 服务器上托管的 JS 文件，请放心使用 O(∩_∩)O。

1 2	<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js">script>

3. 然后载入图片Loading提示的 jQuery 插件：

<script type="text/javascript"> 
(function($){
jQuery.fn.LoadImage=function(settings){
settings = jQuery.extend({ scaling : true,
width : 500,height : 500,loadpic:"" }, settings);
return this.each(function() {
$.fn.LoadImage.Showimg( $( this ), settings );
});};
$.fn.LoadImage.Showimg = function($this, settings){
var src=$this.attr("src");
var img=new Image();
img.src=src;
var autoScaling=function(){
if (settings.scaling) {
if (img.width > 0 && img.height > 0) {
if (img.width / img.height >= settings.width / settings.height) {
if (img.width > settings.width) {
$this.width(settings.width);
$this.height((img.height * settings.width) / img.width);
}else {
$this.width(img.width);
$this.height(img.height);
}}else {
if (img.height > settings.height) {
$this.height(settings.height);
$this.width((img.width * settings.height) / img.height);
}else {
$this.width(img.width);
$this.height(img.height);
}}}}}
$this.attr("src","");
var loading=$("\"加载中...\" title=\"图片加载中...\" src=\""
+settings.loadpic+"\" />");
$this.hide();
$this.after(loading);
$(img).load(function(){
autoScaling();
loading.remove();
$this.attr("src",this.src);
$this.show();
});}})(jQuery);
script>

4. 设置此 jQuery 插件的参数：

> Loadpic 是设置提示图片的路径，宽度高度就不用管它了。
> 这个宽度高度是图片最大高和图片最大宽，按比例缩放的，不过我们用不到。

<script type="text/javascript"> 
$(function(){
	$("img").LoadImage({scaling : true,
			width : 3000,
			height : 3000,
			loadpic:"imgload.gif"});
});
script>

制作好一个输出Alex排名图片的API

小邪 — Mon, 14 Dec 2009 07:50:07 +0000

> 嘿嘿，这个应该没有其他的人做了吧，独家喔。小邪昨天一直在做这个呢，O(∩_∩)O。
> 很方便的调用，说明在图片上，Type=2 则是提供此网站在其所属国家的排名。

> 记得要加 Url= 喔，不必使用 Http 开头的地址。只支持 6 位数排名，超过则显示无限。
> 正在制作缓存机制，尚未完成喔，缓存时间定为 3 天，这样就不必每次都到官方获取数据咯。

> 预览传送门：http://tool.evlos.org/aleximg/

1. PHP 中的字符串与数字：

> 在 PHP 里，字符串和数字之间是无需转换的，因为它会自动完成这个操作。
> ╮(╯▽╰)╭，我感觉我解脱了，以前在 Delphi 里为了个类型转换就要纠结死，差点就升天了。


$j = "10";
for ($i=1; $i<=$j; $i++) {
 echo $i;
}
?>

> 像在 For 循环里，$i 是数字，%j 是字符串，这里就可以直接用啦。
> 因为加好是针对数值的，点才是针对字符串的。数值上来说 'aass' = 0。
> 所以下面输出的 $i 和 $j 的计算结果都是 1。而 $k 和 $l 都是 1112。


$i = 'aass'+'1';
$j = 'aass'+1;
$k = '1111'+1;
$l = '1111'+'1';
echo $i.' '.$j.' '.$k.' '.$l;
?>

2. Url 地址传递参数：

> 这是一个很方便的功能，不需要表单来引导，但请勿用来传递密码喔。

1	http://tool.evlos.org/aleximg/get.php?url=verycd.com&type=2

> 这里我就可以使用 $_GET['type'] 来获得需要的参数。
> 记得使用 isset 函数判断参数是否存在喔，不进行判断的话会运行出错的

if(isset($_GET['type'])) {
	$output_type = $_GET['type'];
}
else {
	$output_type = null;
}

3. Strip_tags 函数：

1 2	$info = ' test '; $nop = strip_tags($info,' ');

> 这个函数去除 HTML 标签的能力很强悍的说，这样就直接变成了 'test' 啦，O(∩_∩)O。

4. 对中文字符串的支持：

> 这个支持灰常好，可以像下面的代码一样直接用呢 (^o^)。

if ($global_num == '无数据'||strlen($global_num)>6) {
	$pic="img/global_unlimited.gif";
	$content = file_get_contents($pic);
	header("Content-Type: image/jpeg; charset=UTF-8");
	echo $content;
}
else {
	$pic_num = '';
	output_pic($global_num,$output_type);
}

> 第一次写了 167 行的代码，嘿嘿，记录一下。

5. 使用 PHP 合并数字图片：

> 呵呵，当时为了自己好理解，而且数量不多，所以在这里就没有使用循环和数组咯。

if ($num_cut[0] == null) {$source_img1 = imagecreatefromgif('img/num_emp.gif');}
else {$source_img1 = imagecreatefromgif('img/num_'.$num_cut[0].'.gif');}
if ($num_cut[1] == null) { $source_img2 = imagecreatefromgif('img/num_emp.gif'); }
else { $source_img2 = imagecreatefromgif('img/num_'.$num_cut[1].'.gif'); }
if ($num_cut[2] == null) { $source_img3 = imagecreatefromgif('img/num_emp.gif'); }
else { $source_img3 = imagecreatefromgif('img/num_'.$num_cut[2].'.gif'); }
if ($num_cut[3] == null) { $source_img4 = imagecreatefromgif('img/num_emp.gif'); }
else { $source_img4 = imagecreatefromgif('img/num_'.$num_cut[3].'.gif'); }
if ($num_cut[4] == null) { $source_img5 = imagecreatefromgif('img/num_emp.gif'); }
else { $source_img5 = imagecreatefromgif('img/num_'.$num_cut[4].'.gif'); }
if ($num_cut[5] == null) { $source_img6 = imagecreatefromgif('img/num_emp.gif'); }
else { $source_img6 = imagecreatefromgif('img/num_'.$num_cut[5].'.gif'); }

6 .请注意一下：

> 如果有哪个童鞋打算长期使用，请一定要和我说一声。
> 有出现某些不得不做改动的情况的话，我会立即通知你做修改的。
> 还有使用了我的 PR 调用的童鞋也麻烦吱我一声，谢谢支持。

7. 欢迎来 Follow 我的 Twitter @AngelSolo

如何使用PHP来合并图片

小邪 — Sun, 13 Dec 2009 10:34:31 +0000

> 最近小邪玩了一下PHP，很不错，代码的可读性很高，如果有兴趣学习其实也不是很难的。
> 话说上次做了一个直接提供PR图片的API，蛮不错的，但是看 Webmasterhome 已经有了。

> 还以为白做了呢，不过发现那个貌似没用掉了，怎么样都不肯显示，所以，嘿嘿嘿嘿。
> 这次打算做另外一个API，需要用到图片合并功能，O(∩_∩)O，先保密，下篇文章揭晓喔。

1. Image 图像函数说明：

2. Image 图像函数所支持的图像格式：

3. 合并图像所需函数：

> Getimagesize - 取得图像大小
> Imagecreatefromgif - 从 GIF 文件或 URL 新建一图像
> Imagecreatefromjpeg - 从 JPEG 文件或 URL 新建一图像
> Imagecreatefrompng - 从 PNG 文件或 URL 新建一图像

> Imgcopy - 拷贝图像的一部分

> Imagegif - 以 GIF 格式将图像输出到浏览器或文件
> Imagejpeg - 以 JPEG 格式将图像输出到浏览器或文件
> Imagepng - 以 PNG 格式将图像输出到浏览器或文件

4. Imgcopy 函数详解：

5. PHP header() 函数详解：

6. 首先要将图片载入字符串中：

$source = '1.png';
$source1 = '2.png';
$target = 'emp.png';
 
$source_img = imagecreatefrompng($source);
$source_img1 = imagecreatefrompng($source1);
$target_img = imagecreatefrompng($target);

> 首先定义图像的地址为变量以作为 Imagecreatefrompng 函数的参数。
> 当然直接把地址填到函数里也行的，我这样做是我博客页面宽度不够嘛，呵呵。
> 记得直接填写的时候要加上俩个引号在两边喔，我个人比较喜欢单引号，忌混用。

> 当然 Imagecreatefromgif 和 Imagecreatefrompng 也是可以用的喔。
> 这就要看你要处理哪种格式的图像咯，风景方面我比较看中画质，所以用 PNG。

> Emp.Png 是一张完全空白的图片，大小为两个来源图之和，为我们合并其他图像做准备。
> 当然也可以不用，用函数创建一个，但是从学习角度来说，这样子应该容易理解一点。
> 然后 1.Png 2.Png 两个文件是要被合并的图片。

7. 开始横向合并图像：

$size = getimagesize($source);
$size1 = getimagesize($source1);
 
imagecopy ($target_img,$source_img,0,0,0,0,$size[0],$size[1]);
imagecopy ($target_img,$source_img1,$size[0],0,0,0,$size1[0],$size1[1]);

> 用 Getimagesize 函数获得图像的尺寸，产生的是一个数组，$size[0]是宽，$size[1]是高。
> 我们把 Source_img 放到 Target_img 的左上角，坐标为 0：0 的位置。
> 然后把 Source_img1 放到 Target_img 中 Source_img 的右边。
> 所以横坐标为 Source_img 的宽度。

8. 生成或者打印图像：

1 2	Header("Content-type: image/png"); imagepng($target_img);

> 在这里说的打印当然不是用打印机咯，呵呵，是显示在你的屏幕上。
> 先使用 Header 函数向客户端发送原始的 HTTP 报头，告诉他你这个图片是PNG格式。
> 然后使用 imagepng 输出即可，就会显示在屏幕上咯，可以右键另存为来着，嘿嘿。

1	imagepng($target_img,'3.png');

> 当然也可以保存为文件呢，这样就好咯，相对路径也没问题的喔。

> O(∩_∩)O，其实写博有利于学习，你要让别人听懂，自己就一定要弄透彻，才能讲解出来。

9. 欢迎来 Follow 我的 Twitter @AngelSolo 。

制作好一个输出PR图片的API

小邪 — Wed, 09 Dec 2009 06:35:07 +0000

> ╮(╯▽╰)╭ 昨天白夜三更写的，糊涂地忘记了已经有蛮多网站提供这个功能了，结果就杯具了。
> 不过也没什么，这篇文章刚刚好总结一下 Curl 函数和 File_get_contents 函数的用法。

> 好多服务器为了防采集都禁止 File_get_contents，所以介绍一下俩函数互相替代的方法。
> 话说，昨天给 619 的模板导航栏上加上了分类目录的显示，但我觉得那个模板的函数有点奇怪。

P.s. 呵呵，使用方法如图，作为图片显示即可，有兴趣的童鞋可以调用过去玩玩 O(∩_∩)O。

1. File_get_contents 函数：

> 使用如下的代码可以将变量 $GontenPRURL 里的路径指向的文件读入字符串 $filecontent 中。
> 只要在 Url 中传递参数即可到 Google 获取到 PR 的数值，然后转换为相对的图片文件名称。

1	$filecontent = file_get_contents($prurl);

> 我简单的使用下面的函数代码过滤了一下 Url 地址。
> 因为没法过滤引号，所以后面再使用 Preg_match 的正则式过滤文件头。

1 2	$evlos_re = array("\"","'","!","@","#","$","%","^","&","*","(",")","+","="); $website = str_replace($evlos_re,"",$website);

> 最后再输出一个文件头，再把作为字符串的图片接着输出即可。

1 2	header("Content-Type: image/jpeg; charset=UTF-8"); echo $content;

2. Curl 函数：

> 注意！！CURLOPT_URL 参数是不支持相对路径的，网上没看到有人提到，害我差点没折腾挂掉。

$ch1 = curl_init();
$timeout1 = 15;
curl_setopt ($ch1, CURLOPT_URL, $prurl);
curl_setopt ($ch1, CURLOPT_RETURNTRANSFER, 1);
curl_setopt ($ch1, CURLOPT_CONNECTTIMEOUT, $timeout1);
$filecontent = curl_exec($ch1);
curl_close($ch1);

> 这里就得用那么长的代码来代替上面 File_get_contents 函数的那一行代码了。

1
2
3

$fixurl = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
$fixurl = str_replace(basename($_SERVER['PHP_SELF']),"",$fixurl);
$pic = $fixurl.$pic;

> $pic 是我的 PR 图片文件，这里通过上面代码把相对路径转换为 Url 路径。
> 最后也差不多，输出一个文件头，再把作为字符串的图片接着输出即可。

$ch2 = curl_init();
$timeout2 = 15;
curl_setopt ($ch2, CURLOPT_URL, $pic);
curl_setopt ($ch2, CURLOPT_RETURNTRANSFER, 1);
curl_setopt ($ch2, CURLOPT_CONNECTTIMEOUT, $timeout2);
$content = curl_exec($ch2);
curl_close($ch2);

3. 同行输出日志分类与博客页面列表：

> 话说原先 Sandbox 只输出博客页面列表的时候 Header.php 只调用了一个函数：

1	sandbox_globalnav() ?>

> 然后在主题函数 Functions.php 里面加了一大段这个代码：

function sandbox_globalnav() {
	if ( $menu = str_replace( array( "\r", "\n", "\t" ), '', 
wp_list_pages('title_li=&sort_column=menu_order&echo=0') ) )
		$menu = '' . $menu . '
';
	$menu = '' . $menu . "
\n";
	echo apply_filters( 'globalnav_menu', $menu ); 
}

> 我觉得其实没啥必要的样子，因为下面使用 WP 自带的函数输出一个 Li 列表也是可以达到相同效果的。
> 博客页面是 Wp_list_pages，文章分类是 Wp_list_categories。


 wp_list_categories('title_li=0&orderby=name&show_count=0');
wp_list_pages('title_li=0&sort_column=menu_order'); ?>

> 然后在 CSS 文件里面把 Li 变成行内元素即可，话说 Li 真是一个神奇的东西。

#access li {
display:inline;
padding-left:8px;
}

4. 调用说明页面传送门：

> http://tool.evlos.org/primg/

5. 欢迎来 Follow 我的 Twitter @AngelSolo 。