ThinkPHP中图片按比例切割的代码实例
更新时间:2019-04-17 21:43:21 作者:佚名 我要评论(0)
在开发中,经常会遇到图片需要按照一定比例进行缩放的情况,但是,如果一张长宽比为2:1的如果需要按照1:1的比例进行展示,那么这就意味着图片会发生变形。下
在开发中,经常会遇到图片需要按照一定比例进行缩放的情况,但是,如果一张长宽比为2:1的如果需要按照1:1的比例进行展示,那么这就意味着图片会发生变形。下面便介绍下载tp框架中如何按照比例切割并缩放图片。
/** * 切割图片 * @param $path 所要切割的图片的路径 * @param $prefix 给切割后图片的前缀 * @param $width 宽度所占比例 * @param $height 高度所占比例 * @return string 图片名称 */ function sizeThumb($path,$prefix,$width,$height){ import("ORG.Util.Image.ThinkImage"); $image=new ThinkImage(); $image->open('.'.$path);//打开缩略图进行编辑 $imageWidth=$image->width();//获得图片尺寸 $imageHeight=$image->height(); $save_name=getThumb($path, $prefix); if (($imageHeight/$height*$width)>$imageWidth) {//按照高切割,如果宽度没有那么长,就按宽度切 $image->thumb($imageWidth, ($imageWidth/$width*$height),THINKIMAGE_THUMB_CENTER)->save('.'.$save_name); }else{ $image->thumb(($imageHeight/$height*$width), $imageHeight,THINKIMAGE_THUMB_CENTER)->save('.'.$save_name); } return $save_name; }
在这里采用的是从中间进行截图最大比例的图片的方式,如果需要使用其他方式的话,例如从左边开始截取这样的,修改‘THINKIMAGE_THUMB_CENTER
'即可,服务端采取这样的方式也并不是必要的,毕竟前端也可以处理,应当按照实际情况进行考虑。
当然,一般进行图片的存储都是存储图片的相对位置,如果生成了缩略图,我们其实也没有必要再使用一个字段保存我们的缩略图,我们只需要重写切割拼接字符串就行
/** * 获取图片路径 * @param $prefix 图片的前缀 * @param $img_url 原图的路径 * @return string 图片路径 */ function getThumb($img_url,$prefix){ $str_arr=explode('/', $img_url); $last=count($str_arr); $str_arr[$last-1]=$prefix.$str_arr[$last-1]; $str=implode('/', $str_arr); return $str; }
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
您可能感兴趣的文章:
- PHP lcfirst()函数定义与用法
- PHP levenshtein()函数用法讲解
- PHP implode()函数用法讲解
- PHP htmlspecialchars()函数用法与实例讲解
- PHP的微信支付接口使用方法讲解
- PHP使用PDO操作sqlite数据库应用案例
- PHP htmlspecialchars_decode()函数用法讲解
- PHP递归的三种常用方式
- PHP中rename()函数的妙用讲解
- PHP join()函数用法与实例讲解
您可能感兴趣的文章:
相关文章
详解关于JSON.parse()和JSON.stringify()的性能小测试
JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了,就是利用 JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(2019-04-17详解用vue2.x版本+adminLTE开源框架搭建后台应用模版
1、创建工程 npm install --global vue-cli 安装脚手架 vue init webpack vue-adminlte 初始化webpack 项目 cd vue-adminlte 切换项目文件夹下 npm install2019-04-17使用element-ui table expand展开行实现手风琴效果
问题讲解: 在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题,可以说饿了么团队在这个UI框架的文档撰写已经非常不错了,不过还是有一些方法乍2019-04-17
最新评论