网络建站知识发布于分享网站

当前位置:首页>>新闻中心>>CMS教程>>pbootcms教程

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

时间:2025-04-01 02:21:58    来源:    人气:0

在使用PbootCms模板时,默认的图片裁剪功能是从左上角开始进行裁剪。我们可以通过width、height、maxwidth、maxheight等参数对图片大小进行调整。

然而,有时候默认的裁剪方式并不能满足我们的需求。例如,在处理多人物合影时,PbootCms默认从左上角裁剪,可能会导致重要的人物(如C位)被裁掉,这显然是不可接受的。

为了解决这个问题,我们可以优化图片裁剪功能,使其能够简单快捷地生成理想的图片。本文将介绍如何实现无论横图还是竖图都居中裁剪的效果。

下面是具体的解决方案:

首先,我们需要找到裁剪缩略图的方法。

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

搜索方法名:function cut_img,该方法大约位于447行。

接下来,我们将对该方法进行优化。以下是优化后的代码:

// 剪切图片
function cut_img($src_image, $out_image = null, int $new_width = null, int $new_height = null, $img_quality = 90)
{
    // 输出地址
    if (! $out_image)
        $out_image = $src_image;
    
    // 读取配置文件设置
    if (! $new_width && ! $new_height)
        return;
    
    // 获取图片属性
    list ($width, $height, $type, $attr) = getimagesize($src_image);
    switch ($type) {
        case 1:
            $img = imagecreatefromgif($src_image);
            break;
        case 2:
            $img = imagecreatefromjpeg($src_image);
            break;
        case 3:
            $img = imagecreatefrompng($src_image);
            break;
    }
    
    // 不限定是等比例缩放
    if (! $new_width) {
        $new_width = floor($width * ($new_height / $height));
    }
    if (! $new_height) {
        $new_height = floor($height * ($new_width / $width));
    }
    // 创建画布
    $new_img = imagecreatetruecolor($new_width, $new_height);
    
    // 创建透明画布,避免黑色
    if ($type == 1 || $type == 3) {
        $color = imagecolorallocate($new_img, 255, 255, 255);
        imagefill($new_img, 0, 0, $color);
        imagecolortransparent($new_img, $color);
    }

    // 先缩放
    $scale = max($new_width / $width, $new_height / $height);
    $scale_width = floor($scale * $width);
    $scale_height = floor($scale * $height);
    $scale_img = imagecreatetruecolor($scale_width, $scale_height); // 创建画布
    if(function_exists("ImageCopyResampled")) {
       imagecopyresampled($scale_img, $img, 0, 0, 0, 0, $scale_width, $scale_height, $width, $height);
    } else {
       imagecopyresized($scale_img, $img, 0, 0, 0, 0, $scale_width, $scale_height, $width, $height);
    }
    //再裁剪
    $start_x = ($scale_width - $new_width) / 2;
    $start_y = ($scale_height - $new_height) / 2;

    //拷贝剪切的图像数据到画板,生成剪切图像
    imagecopy($new_img, $scale_img, 0, 0, $start_x, $start_y, $scale_width, $scale_height);

    check_dir(dirname($out_image), true); // 检查输出目录
    
    switch ($type) {
        case 1:
            imagegif($new_img, $out_image, $img_quality);
            break;
        case 2:
            imagejpeg($new_img, $out_image, $img_quality);
            break;
        case 3:
            imagepng($new_img, $out_image, $img_quality / 10); // $quality参数取值范围0-99 在php 5.1.2之后变更为0-9
            break;
        default:
            imagejpeg($new_img, $out_image, $img_quality);
    }
    imagedestroy($new_img);
    imagedestroy($img);
    return true;
}

小伙伴们可以直接用上述代码替换原有的cut_img方法。

接下来是使用方法:

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

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

举个例子:如果需要在列表中输出图片,可以按照上述代码进行操作。

通过这种方法,我们可以轻松实现图片的居中裁剪,无论是横图还是竖图都能得到理想的效果。

至此,任务完成!

相关文章

  • Pbootcms修改留言“提交成功”提示语

    Pbootcms修改留言“提交成功”提示语

    如果您正在使用 PbootCMS 构建网站,并希望自定义留言功能的提示语,那么本文将为您提供详细的指导。通过修改相关文件,您可以轻松更改“提交成功”的提示语,以满足您的个性化需求。以下是具体的操作步骤: 首先,您需要找到并打开以下文件路径: /apps/home/controller/Messag...
    2025-04-01
  • PBootCMS上传缩略图尺寸限制修改方法

    PBootCMS上传缩略图尺寸限制修改方法

    在使用PbootCMS为客户搭建网站的过程中,可能会遇到上传缩略图时尺寸被限制的问题。例如,上传一张1920px宽的图片后,发现实际显示的尺寸仅为1000px,而在后台找不到相关设置选项。实际上,这种缩略图尺寸的限制是需要通过修改系统文件来解决的。 PbootCMS程序默认将缩略图的最大尺寸限...
    2025-04-01
  • PBootCMS模板中如何调用网站全部文章

    PBootCMS模板中如何调用网站全部文章

    在使用PBootCMS构建网站时,许多人可能会遇到如何在模板文件中调用全站所有文章的需求。本文将详细介绍如何通过PBootCMS的标签语法实现这一功能,并提供一些实用的技巧。 要调用网站所有的文章,可以使用PBootCMS提供的列表标签 `{pboot:list}`。以下是具体的操作方法: ...
    2025-04-01
  • PBootCMS编辑器过滤DIV代码的解决方法

    PBootCMS编辑器过滤DIV代码的解决方法

    在使用 PbootCMS 构建网站的过程中,您可能会遇到需要在专题内容中插入包含 HTML 代码的情况。然而,当您尝试这样做时,会发现编辑器自动去除了部分标签元素,并且将所有的 div 标签转换为了 p 标签。那么,我们该如何解决这个问题呢? AB模板网的专家表示,这是由于编辑器自身的机制导致...
    2025-04-01

公众号