PHP实例————图片等比例缩放功能

在网站开发的过程中,经常要对一些图片进行一些处理,比如说缩放,裁剪,加水印等等。当然这些功能不仅仅可以用在开发网站的过程中,平时需要对图片做一些处理的时候,把这个功能封装到函数中去,要处理图片的时候,根据自己的要求在函数中添加需要的参数不就搞定了么。虽说这个对于小白来说可能一下子上来就点困难,但是一回生二回熟嘛。好了,进入正题。今天分享一个图像等比例缩放的函数。需要中的同学可以稍作修改,然后自己拿去用,就省的自己写了(大神请无视).

1.首先,了解一下图片缩放中多需要的函数

有不太明白的可以用php开发手册去检索一下,上面讲的都是非常明白,是学习时一个非常好的工具,无论是新手还是老鸟。

2.分享一下代码,注释写的很明白了(自我感觉良好,不足之处望大家指正)

<?php
function ImageShrink($imgfile,$minx,$miny){

	//获取大图信息
	$imgarr=getimagesize($imgfile);
	$maxx=$imgarr[0];//宽
	$maxy=$imgarr[1];//长
	$maxt=$imgarr[2];//格式
	$maxm=$imgarr['mime'];//mime类型

	//大图资源
	$maxim=imagecreatefromjpeg($imgfile);

	//缩放判断
	if(($minx/$maxx)>($miny/$maxy)){
		$scale=$miny/$maxy;
	}else{
		$scale=$minx/$maxx;
	}

	//对所求值进行取整
	$minx=floor($maxx*$scale);
	$miny=floor($maxy*$scale);

	//添加小图
	$minim=imagecreatetruecolor($minx,$miny);

	//缩放函数
	imagecopyresampled($minim,$maxim,0,0,0,0,$minx,$miny,$maxx,$maxy);

	//小图输出
	header("content-type:{$maxm}");

	//判断图片类型
	switch($maxt){
		case 1:
			$imgout="imagegif";
			break;
		case 2:
			$imgout="imagejpeg";
			break;
		case 3:
			$imgout="imagepng";
			break;
	}
	//变量函数
	$imgout($minim,'copypic.jpg');

	//释放资源
	imagedestroy($maxim);
	imagedestroy($minim);
}

ImageShrink("picture/apple.jpg",50,50);
?>

3.整段代码中有几个不太容易理解的地方,稍作解释

(1)getimagesize()这个函数的返回值是一个数组,数组中包含这个图片尺寸,格式等信息。根据键值对可以获取其中的值,赋给变量,然后在后面需要用的地方直接传入变量。关于函数,详解请看手册。

(2)进行正比例缩放时,我们需要考虑缩放的比例,拿小图的长宽和大图的长宽做比较,选择比例小的作为缩放比例。这里不是特别好理解,大家可以亲自试试。

(3)大图缩放之后,小图的格式没有发生变化,所以在后面需要函数输出图像的时候,判断图像格式,这里就需要使用变量函数。将函数赋给一个变量,这招用到的时候感觉还是蛮叼的。

(4)保存的图片格式可以自己设置,保存路径与原图片同一路径。其他参数看个人需求了。

时间: 2024-09-29 03:33:53

PHP实例————图片等比例缩放功能的相关文章

S实现控制图片显示大小的方法【图片等比例缩放功能】

S实现控制图片显示大小的方法[图片等比例缩放功能] [需求]:读取磁盘中的图片,展示在弹出框中,等比例缩放图片,使图片显示完全. (读取磁盘中的图片展示在前台,请参照我的另一篇文章:) [开发]: 调用说明: 直接调用js函数即可. 我测试是一个image 标签中直接调用,如下: <div> <img id="showImageimg"  src="/sirdifoa/applycorrection/getImage.do?imgName=2017001.j

前端学习代码实例-JavaScript 图片等比例缩放裁切详解

本文将通过代码实例详细介绍一下如何实现图片等比例缩放裁切效果. 图片有两种应用方式,一种作为子元素存在,一种是作为背景图片. 在每一种应用方式中,图片的等比例缩放又可以大致分为如下几种情况: (1).确保图片能够填充满元素,超出的部分被裁切或者隐藏. (2).确保图片的长或者宽填充满元素,超出的部分被裁切或者隐藏. 下面通过代码实例分别介绍一下上述列举的中可能,需要的朋友可以做一下参考. 一.作为背景图片: 通过CSS的background-image属性可以设置元素的背景图片效果. 下面就以如

javascript图片等比例缩放代码

javascript图片等比例缩放代码: 图片的尺寸在初始的状态下往往不能够完美的适应网页的布局,这个时候就需要对图片进行缩放处理,当然不能够是无规则的进行缩放,否则可能出现图片变形现象,下面是一段能够对图片进行等比例缩放的实例代码. 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&q

微信小程序学习点滴《十二》:图片等比例缩放 获取屏幕尺寸图片尺寸 自适应

原文:http://www.wxapp-union.com/portal.php?mod=view&aid=360 早上在论坛上看到有人写了关于图片等比例缩放的文章,只是判断了图片宽是否大于屏幕宽.我之前在做Android的时候也会遇到图片等比例缩放的问题.应该是用图片宽高比和屏幕宽高比做判断.做个笔记. 老规矩,先上图. 1.图片高宽比小于屏幕高宽比 2.图片高宽比大于屏幕高宽比 3.这种其实也是图片高宽比小于屏幕高宽比,但是高宽都大于屏幕高宽.所以不能简单用高宽来判断,应该是用高宽比判断后做

jQuery实现的图片等比例缩放效果

jQuery实现的图片等比例缩放效果:如果一个容器中放一个比容器还要大的图,那就可能就造成布局出现问题,就算是不容器大,有时候也看起来不够美观,这时候就要限制图片的尺寸,当然不能变形,否则就难看了,下面就介绍一下如何使用jQuery实现等比例缩放效果.代码如下: <div id="demo"> <img src="a.jpg" width="800" height="300" alt="图片&quo

android图片等比例缩放 填充屏幕

用IamgeView的 android:scaleType  设置属性的时候  填充屏幕出现的各种问题 /** * 将图片等比例缩放 setAdjustViewBounds setMaxWidth setMaxWidth必须同时设置才有效 * * @param context * @param view * 父容器 * @param image * 图片控件 * @param source * 图片资源 */ public static void setImageViewMathParent(A

roid imageView图片按比例缩放

android:scaleType可控制图片的缩放方式,示例代码如下: 1 <ImageView android:id="@+id/img" 2      android:src="@drawable/logo" 3      android:scaleType="centerInside" 4     android:layout_width="60dip" 5     android:layout_height=&q

[前端]如何让图片等比例缩放,同时撑满父级容器的长或宽

[前端]如何让图片等比例缩放,同时撑满父级容器的长或宽 最近碰到一个问题,如何在一个容器里同时放一张图片,而这张图片会等比例缩放,长或宽会跟着父级容器的长或宽一致. 找了一段时间,发现了 css3 中有这个属性: object-fit: contain; 具体怎么使用:见这篇文章 半深入理解CSS3 object-position/object-fit属性 完 原文地址:https://www.cnblogs.com/htoooth/p/8676274.html

理解CSS3中的background-size(对响应性图片等比例缩放)

2016-03-10 01:40 by 空智, 7463 阅读, 8 评论, 收藏, 编辑 阅读目录 background-size的基本属性 给图片设置固定的宽度和高度的 固定宽度400px和高度200px-使用background-size:400px 200px缩放设置 固定宽度400px和高度200px-使用background-size:400px;的缩放设置,那么第二个参数会自动转换为auto 固定宽度400px和高度200px-使用background-size:100% 100%