如何优化PbootCMS图片裁剪功能,实现居中裁剪

在使用PbootCMS进行网站搭建的过程中,可能会用到图片裁剪的功能。而默认情况下,PbootCMS的图片裁剪是从左上角开始裁剪,这会导致多人物合影等情况下裁剪出来的图片不够理想。本文将介绍如何优化PbootCMS的图片裁剪功能,实现居中裁剪。

修改PbootCMS文件

我们需要找到 PbootCMS 的裁剪缩略图方法 cut_img。具体操作如下:

  1. 进入PbootCMS的根目录;
  2. 打开 /core/function/file.php 文件;
  3. 搜索“function cut_img”,该方法大约在447行;
  4. 复制以下代码替换原有的cut_img方法。

// 剪切图片
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;
}

这段代码的实现原理是先对图片进行等比例缩放,在缩放后的基础上居中裁剪。具体来说,我们先计算出缩放后的宽高比例 scale,根据 scale 缩放图片,并计算出裁剪后的起始坐标 start_x 和 start_y。将裁剪后的图像数据拷贝到新画布中,生成居中裁剪后的图像。

保存文件并测试

完成以上步骤后,我们需要保存 /core/function/file.php 文件,并测试是否可以正确实现居中裁剪功能。在使用 PbootCMS 进行图片裁剪时,不论横图还是竖图都应该能够顺利地居中裁剪。

本文介绍了如何优化 PbootCMS 的图片裁剪功能,实现居中裁剪。通过修改 PbootCMS 文件中的 cut_img 方法,我们可以轻松地实现对图片的居中裁剪操作,从而使得裁剪出来的图片更加符合我们的需求。

本文链接:http://task.lmcjl.com/news/2870.html

展开阅读全文