做一个首页调用图像,有时需要获得固定大小的图像,因为首页的图像位置通常由设计人员指定好了,如果是做最新发布图像调用,因为不知道客户会上传什么比例的图像,所以,有时候也就没有办法确定图像的比例,前台页面编写人员通常会采用固定 img 元素高宽的办法来达到控制图像不溢出,但如果图像的比例不是需要的比例,就会造成图像调用后变形,很大程度上影响了页面的美观,有解决的方法是,按照原图比例进行缩放,缩放后的图像难免会有空白,空白处填以颜色,这样虽然图像不变形了,但这样会有很多问题,比如,如果用户发一个图像很高但宽度一般的图像,如果压缩成一个1:1的图像,那么压缩后基本就会看不到图像了。

解决办法,任意图像裁剪成固定大小,图像不变形,空白处拉伸填充,图像始终铺满,不留空白,用过bcastr的朋友应该知道,bcastr就是保证了图像调用的不变形,对一个固定大小输出的图像框,源图有以下几种情况:

1:需要输出的图像的高宽比源图的高宽都小,写成判断 $new_width

2:需要输出的图像的高宽比原图的高宽都大,写成判断 $new_width>$src_width && $new_height>$src_width

3:排除第1,2两种,即一边放大,一边缩小的情况加上等于的判断

对于1,2,函数处理代码完全相同,所以可以归纳成一个处理语句

php实现代码

复制代码 代码示例:

/*

*说明:函数功能是把一个图像裁剪为任意大小的图像,图像不变形

* 参数说明:输入 需要处理图片的 文件名,生成新图片的保存文件名,生成新图片的宽,生成新图片的高

* written by smallchicken

* time 2008-12-18

*/

// 获得任意大小图像,不足地方拉伸,不产生变形,不留下空白

function my_image_resize($src_file, $dst_file , $new_width , $new_height) {

if($new_width <1 || $new_height <1) {

echo "params width or height error !";

exit();

}

if(!file_exists($src_file)) {

echo $src_file . " is not exists !";

exit();

}

// 图像类型

$type=exif_imagetype($src_file);

$support_type=array(IMAGETYPE_JPEG , IMAGETYPE_PNG , IMAGETYPE_GIF);

if(!in_array($type, $support_type,true)) {

echo "this type of image does not support! only support jpg , gif or png";

exit();

}

//Load image

switch($type) {

case IMAGETYPE_JPEG :

$src_img=imagecreatefromjpeg($src_file);

break;

case IMAGETYPE_PNG :

$src_img=imagecreatefrompng($src_file);

break;

case IMAGETYPE_GIF :

$src_img=imagecreatefromgif($src_file);

break;

default:

echo "Load image error!";

exit();

}

$w=imagesx($src_img);

$h=imagesy($src_img);

$ratio_w=1.0 * $new_width / $w;

$ratio_h=1.0 * $new_height / $h;

$ratio=1.0;

// 生成的图像的高宽比原来的都小,或都大 ,原则是 取大比例放大,取大比例缩小(缩小的比例就比较小了)

if( ($ratio_w < 1 && $ratio_h < 1) || ($ratio_w > 1 && $ratio_h > 1)) {

if($ratio_w < $ratio_h) {

$ratio = $ratio_h ; // 情况一,宽度的比例比高度方向的小,按照高度的比例标准来裁剪或放大

}else {

$ratio = $ratio_w ;

}

// 定义一个中间的临时图像,该图像的宽高比 正好满足目标要求

$inter_w=(int)($new_width / $ratio);

$inter_h=(int) ($new_height / $ratio);

$inter_img=imagecreatetruecolor($inter_w , $inter_h);

imagecopy($inter_img, $src_img, 0,0,0,0,$inter_w,$inter_h);

// 生成一个以最大边长度为大小的是目标图像$ratio比例的临时图像

// 定义一个新的图像

$new_img=imagecreatetruecolor($new_width,$new_height);

imagecopyresampled($new_img,$inter_img,0,0,0,0,$new_width,$new_height,$inter_w,$inter_h);

switch($type) {

case IMAGETYPE_JPEG :

imagejpeg($new_img, $dst_file,100); // 存储图像

break;

case IMAGETYPE_PNG :

imagepng($new_img,$dst_file,100);

break;

case IMAGETYPE_GIF :

imagegif($new_img,$dst_file,100);

break;

default:

break;

}

} // end if 1

// 2 目标图像 的一个边大于原图,一个边小于原图 ,先放大平普图像,然后裁剪

// =if( ($ratio_w < 1 && $ratio_h > 1) || ($ratio_w >1 && $ratio_h <1) )

else{

$ratio=$ratio_h>$ratio_w? $ratio_h : $ratio_w; //取比例大的那个值

// 定义一个中间的大图像,该图像的高或宽和目标图像相等,然后对原图放大

$inter_w=(int)($w * $ratio);

$inter_h=(int) ($h * $ratio);

$inter_img=imagecreatetruecolor($inter_w , $inter_h);

//将原图缩放比例后裁剪

imagecopyresampled($inter_img,$src_img,0,0,0,0,$inter_w,$inter_h,$w,$h);

// 定义一个新的图像

$new_img=imagecreatetruecolor($new_width,$new_height);

imagecopy($new_img, $inter_img, 0,0,0,0,$new_width,$new_height);

switch($type) {

case IMAGETYPE_JPEG :

imagejpeg($new_img, $dst_file,100); // 存储图像

break;

case IMAGETYPE_PNG :

imagepng($new_img,$dst_file,100);

break;

case IMAGETYPE_GIF :

imagegif($new_img,$dst_file,100);

break;

default:

break;

}

}// if3

}// end function

?>

php如何把图片铺满,PHP如何裁剪图片成固定大小相关推荐

  1. html怎么用小小的图片铺满作为背景,多种背景图片随机切换的应用

    在皮肤『QQ Style』中我使用了随机背景切换功能,这个随机背景切换是一个独立的功能,上面使用的只是其中一小部分应用.下面我将演示背景随机切换的更多应用,然后大家就可以有更多的拓展. 第一:背景图片 ...

  2. 微信小程序中如何将图片铺满屏幕,作为背景图片

    背景图片的制作 我相信有很多人和我一样,在制作背景图片是遇到了困难,比如图片为何显示扭曲,不是按给与图片大小显示的,又比如为何图片无法置顶显示,而是有一定的空间隔开等,在此我会演示如何制作一个背景图片 ...

  3. php如何让图片铺满屏幕,如何解决js获取屏幕大小并且让图片自适应的方法

    在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...

  4. Android 使用图片铺满某个区域

    /*** 使用图片铺满某个区域,返回整个铺满的图片* @param src 原图片* @param rect 要铺满的区域大小*/public static Bitmap getTile(Bitmap ...

  5. 小程序 、h5图片铺满div,自适应容器大小

    图片铺满div,自适应容器大小,不会拉伸变形 小程序 mode属性 scaleToFill:缩放模式,不保持纵横比,图片拉伸至填满 image 元素 aspectFit: 缩放模式,保持纵横比,保证图 ...

  6. 在VB中如何让背景图片铺满整个MDIForm

    在VB中,如何让背景图片铺满整个Form,代码如下: '* ************************************************************** * '*    ...

  7. background背景图片铺满背景并且不重复

    background-repeat: no-repeat; 不重复 background-size:cover; 背景铺满元素 调整背景图片的宽度或高度(较小者),以铺满整个元素

  8. HTML+CSS实现背景图片铺满页面的方法

    HTML+CSS实现背景图片铺满页面的方法 针对页面背景图片我整理了几种方法仅供参考 一.DIV中添加背景图片 二.img中设置背景图片 三.Body中设置背景图片 结语 针对页面背景图片我整理了几种 ...

  9. web图片铺满网页_css怎么让图片铺满?

    css让图片铺满的方法:可以使用background-size:cover样式设置背景图片铺满.background-size属性规定背景图像的尺寸. background-size 属性: back ...

最新文章

  1. Lucene.net多字段(Fields)、多索引目录(IndexSearcher)搜索
  2. 九、Spark模块和安装
  3. 冰雪奇缘,白色世界:四个IT人的四姑娘山双桥沟游记
  4. fit、transform与fit_transform
  5. play 打包 模块_全新的Play模块资料库
  6. vue 解决: *!!vue-style-loader!css-loader?{“sourceMap“:true}!../../../../vue-loader
  7. 【机器学习课程笔记(吴恩达)】1.2 什么是机器学习?
  8. 《微信小程序开发入门精要》——第2章,第2.8节带边距的水平等间隔排列
  9. WORD如何自动给标题添加编号?
  10. Oracle Concepts Guide 中 Oracle 实例 和 数据库 【关系图】
  11. excel合并两列内容_Excel中如何跳过空单元格进行粘贴
  12. 图书isbn批量生成一维条码
  13. 高阶篇:4.2.5)DFMEA建议措施及后续完备
  14. Halcon 排线检测|固定颜色检测
  15. 基于单片机水温自动控制系统设计-毕设课设资料
  16. OpenGL使用FBO与PBO上行纹理 (YUYV)
  17. 黑鹰VIP教程超级大全集!!!千G容量!!!
  18. attribute与parameter区别
  19. c#中的interface abstract与virtual的介绍与使用
  20. Linux C函数手册.chm (chm版本)

热门文章

  1. mysql,oracle表数据相互导入
  2. javascript HTML静态页面传值的四种方法
  3. Visual Studio 2013/2015/2017快捷键(转)
  4. IOS一些常用的越狱渠道
  5. 四川专利代理机构列表
  6. http://code.svnspot.com/ 免费代码托管
  7. [转载] python 列表List中index函数的坑
  8. [转载] python里字典的用法_python中字典(Dictionary)用法实例详解
  9. [转载] python--isalnum()函数
  10. 第三节基础篇—SQL的约束