PbootCms缩略图裁剪优化居中裁剪

2021-11-15 11:46:20 0 672 PbootCMS入门

全部

首页>PB学院>PbootCMS入门 > PbootCms缩略图裁剪优化居中裁剪

正文
评论

PbootCms模板默认的图片裁剪是从左上角开始裁剪，使用width，height，maxwidth，maxheight等参数进行调节。

但是裁剪出来的图片始终感觉不是那么令人满意。（也许是我不会用）

比如多人物合影，PB默认的裁剪是左上，那么这个裁剪就会丢掉C位，那怎么能行。

今天来优化一下裁剪图片，让他能简单快捷的裁剪出理想的图片。

我想要的效果是不论横图竖图都是居中裁剪。

翠花，上干货！

解决方案

首先找到裁剪缩略图的方法，

文件位置：/core/function/file.php

搜索：function cut_img，大约在447行

对cut_img方法进行优化，直接上代码：

01// 剪切图片
02function cut_img($src_image, $out_image = null, int $new_width = null, int $new_height = null, $img_quality = 90)
03{
04    // 输出地址
05    if (! $out_image)
06        $out_image = $src_image;
07
08    // 读取配置文件设置
09    if (! $new_width && ! $new_height)
10        return;
11
12    // 获取图片属性
13    list ($width, $height, $type, $attr) = getimagesize($src_image);
14    switch ($type) {
15        case 1:
16            $img = imagecreatefromgif($src_image);
17            break;
18        case 2:
19            $img = imagecreatefromjpeg($src_image);
20            break;
21        case 3:
22            $img = imagecreatefrompng($src_image);
23            break;
24    }
25
26    // 不限定是等比例缩放
27    if (! $new_width) {
28        $new_width = floor($width * ($new_height / $height));
29    }
30    if (! $new_height) {
31        $new_height = floor($height * ($new_width / $width));
32    }
33    // 创建画布
34    $new_img = imagecreatetruecolor($new_width, $new_height);
35
36    // 创建透明画布,避免黑色
37    if ($type == 1 || $type == 3) {
38        $color = imagecolorallocate($new_img, 255, 255, 255);
39        imagefill($new_img, 0, 0, $color);
40        imagecolortransparent($new_img, $color);
41    }
42
43
44    // 先缩放
45    $scale = max($new_width / $width, $new_height / $height);
46    $scale_width = floor($scale * $width);
47    $scale_height = floor($scale * $height);
48    $scale_img = imagecreatetruecolor($scale_width, $scale_height); // 创建画布
49    if(function_exists("ImageCopyResampled")) {
50       imagecopyresampled($scale_img, $img, 0, 0, 0, 0, $scale_width, $scale_height, $width, $height);
51    } else {
52       imagecopyresized($scale_img, $img, 0, 0, 0, 0, $scale_width, $scale_height, $width, $height);
53    }
54    //再裁剪
55    $start_x = ($scale_width - $new_width) / 2;
56    $start_y = ($scale_height - $new_height) / 2;
57
58    //拷贝剪切的图像数据到画板，生成剪切图像
59    imagecopy($new_img, $scale_img, 0, 0, $start_x, $start_y, $scale_width, $scale_height);
60
61    check_dir(dirname($out_image), true); // 检查输出目录
62
63    switch ($type) {
64        case 1:
65            imagegif($new_img, $out_image, $img_quality);
66            break;
67        case 2:
68            imagejpeg($new_img, $out_image, $img_quality);
69            break;
70        case 3:
71            imagepng($new_img, $out_image, $img_quality / 10); // $quality参数取值范围0-99 在php 5.1.2之后变更为0-9
72            break;
73        default:
74            imagejpeg($new_img, $out_image, $img_quality);
75    }
76    imagedestroy($new_img);
77    imagedestroy($img);
78    return true;
79}

小伙伴可以直接复制替换该方法。

使用方法

1{pboot:list scode=*}
2<a href= "[list:link]"><img src="[list:ico width=600 height=400]" /></a>
3{/pboot:list}

如上代码，直接生成600*400像素的居中裁剪过的图片。

收工。

举个例子：列表中输出图片

标题：PbootCms缩略图裁剪优化居中裁剪

分类：PbootCMS入门

链接：http://www.cnsodu.com/pblearn/174.html

版权：搜度模板网(www.cnsodu.com)所分享发布内容，部分为网络转载，如有侵权请立即联系我们，我们第一时间删除并致歉！

上一篇： PbootCms兼容模式下微信分享网址无法访问修复方法

PbootCms缩略图裁剪优化居中裁剪

搜度模板网

PbootCMS入门

PbootCms兼容模式下微信分享网址无法访问修复方法

搜度模板网

PbootCMS入门

PbootCms导航菜单标签的这些小技巧你都知道吗？

搜度模板网

PbootCMS入门

评论暂无评论

PbootCms缩略图裁剪优化居中裁剪

相关文章

PB模板库

PbootCms缩略图裁剪优化居中裁剪

相关文章

PB模板库

QQ交流群