Как скруглить углы изображения и обводки [Imagick]?

Question

[Простой Человек]

Не получается никак это сделать. Кто в курсе, помогите.

Обработчик

public function createThumbnail($imagePath, $fileSize, $fileExtension) {
        $image = new Imagick($imagePath);

        if ($image->getNumberImages() > 1 && strtolower($fileExtension) === 'ico') {
            // Выбираем самое большое изображение в ICO файле
            $maxWidth = 0;
            $maxHeight = 0;
            $imageIndex = 0;
            foreach ($image as $index => $frame) {
                $frameWidth = $frame->getImageWidth();
                $frameHeight = $frame->getImageHeight();
                if ($frameWidth > $maxWidth || $frameHeight > $maxHeight) {
                    $maxWidth = $frameWidth;
                    $maxHeight = $frameHeight;
                    $imageIndex = $index;
                }
            }
            $image->setIteratorIndex($imageIndex);
        }

        $newWidth = $image->getImageWidth();
        $newHeight = $image->getImageHeight();

        $thumbWidth = $this->thumbCreatingParams['Width'];

        if ($this->thumbCreatingParams['ResizeMode'] === 'trByWidth') {
            $thumbHeight = (int) round(($thumbWidth / $newWidth) * $newHeight);
        } elseif ($this->thumbCreatingParams['ResizeMode'] === 'trByHeight') {
            $thumbHeight = $newHeight;
            $thumbWidth = $newWidth;
        }

        $image->thumbnailImage($thumbWidth, $thumbHeight, true);

        // Подсчет размера в КБ
        $fileSizeKB = round($fileSize / 1024, 1);

        // Толщина подложек и отступы
        $overlayTopThickness = 3; // Толщина подложки сверху, слева и справа
        $overlayBottomHeight = 30; // Высота подложки внизу
        $transparentBorderThickness = 3; // Толщина прозрачной области

        // Создаем новое изображение с прозрачным фоном
        $background = new Imagick();
        $background->newImage($this->thumbCreatingParams['Width'] + 2 * ($overlayTopThickness + $transparentBorderThickness), $thumbHeight + $overlayBottomHeight + 2 * $transparentBorderThickness + $overlayTopThickness, new ImagickPixel('none'));
        $background->setImageFormat('png');

        // Цветные подложки
        $overlayColor = new ImagickPixel("#222222");
        // Верхняя подложка
        $overlayTop = new Imagick();
        $overlayTop->newImage($this->thumbCreatingParams['Width'] + 2 * $overlayTopThickness, $overlayTopThickness, $overlayColor, 'png');
        $background->compositeImage($overlayTop, Imagick::COMPOSITE_OVER, $transparentBorderThickness, $transparentBorderThickness);
        // Левая подложка
        $overlaySide = new Imagick();
        $overlaySide->newImage($overlayTopThickness, $thumbHeight, $overlayColor, 'png');
        $background->compositeImage($overlaySide, Imagick::COMPOSITE_OVER, $transparentBorderThickness, $overlayTopThickness + $transparentBorderThickness);
        // Правая подложка
        $background->compositeImage($overlaySide, Imagick::COMPOSITE_OVER, $this->thumbCreatingParams['Width'] + $overlayTopThickness + $transparentBorderThickness, $overlayTopThickness + $transparentBorderThickness);
        // Нижняя подложка
        $overlayBottom = new Imagick();
        $overlayBottom->newImage($this->thumbCreatingParams['Width'] + 2 * $overlayTopThickness, $overlayBottomHeight, $overlayColor, 'png');
        $background->compositeImage($overlayBottom, Imagick::COMPOSITE_OVER, $transparentBorderThickness, $thumbHeight + $overlayTopThickness + $transparentBorderThickness);

        // Композитим миниатюру поверх прозрачного фона
        $background->compositeImage($image, Imagick::COMPOSITE_OVER, $overlayTopThickness + $transparentBorderThickness, $overlayTopThickness + $transparentBorderThickness);

        // Путь к изображению-иконке
        $lensImagePath = '/var/www/html/domain.com/scripts/lens-white.png';

        // Загружаем изображение-иконку
        $lens = new Imagick($lensImagePath);
        $lensWidth = $lens->getImageWidth();
        $lensHeight = $lens->getImageHeight();

        // Композитим иконку на подложку в правый нижний угол
        $lensX = $background->getImageWidth() - $lensWidth - 12; // 5 пикселей отступ
        $lensY = $background->getImageHeight() - $lensHeight - 12; // 5 пикселей отступ
        $background->compositeImage($lens, Imagick::COMPOSITE_OVER, $lensX, $lensY);

        // Добавляем текст с разрешением и размером основного изображения
        $draw = new ImagickDraw();
        $draw->setFillColor('#FFFFFF'); // Цвет текста
        $draw->setFont('/usr/share/fonts/truetype/tahoma/tahoma.ttf'); // Надежный шрифт
        $draw->setFontSize(12);
        $draw->setGravity(Imagick::GRAVITY_NORTHWEST);

        // Координаты текста с учетом толщины подложки
        $yCoordinate = $thumbHeight + $overlayBottomHeight + $overlayTopThickness + $transparentBorderThickness - 23; // Опускаем текст вниз

        // Текст с отступами
        if ($fileSizeKB >= 1024) {
            $fileSizeMB = number_format($fileSizeKB / 1024, 2, '.', ''); // Точное деление, 2 знака после точки
            $text = "{$newWidth}x{$newHeight} [{$fileSizeMB} Mb]";
        } else {
            $text = "{$newWidth}x{$newHeight} [{$fileSizeKB} Kb]";
        }

        $background->annotateImage($draw, $overlayTopThickness + 5 + $transparentBorderThickness, $yCoordinate, 0, $text);



        // Сохранение для отладки
        // $background->writeImage('/tmp/test_output.png'); // Проверь вручную

        return $background;
    }

ПС. Это для того, чтобы выкладывать на чужие форумы в виде миниатюры при клике на которое переход на оригинал.

Comments

[Дмитрий]

Много кода для простой операции
https://www.php.net/manual/ru/imagick.roundcorners.php
Если нужно будет сохранить обводку, придётся шаманить углы руками

[ThunderCat]

Использование пхп как бэ намекает что это будет использоваться в веб? Например в дизайне странички? Может стоит сделать это средствами CSS, а не корежить картинки?

[Простой Человек]

ThunderCat, это для обработчика по выгрузке изображений. Точнее миниатюр изображений.

[Простой Человек]

Дмитрий, ну то скорее подложка под изображение, а не обводка.
Руками это как?

[ThunderCat]

Простой Человек, так а суть? Почему бы не оформить миниатюры средствами css?

[Дмитрий]

Простой Человек, руками, это делать квадрат, накладывать на него круг, полученный круглый угол накладывать на каждый свой угол поворачивая нужной стороной и играть с прозрачностью. Не очень экономная операция, подобное делают для gd, так как там нет метода который уже это делает в imagick

[Простой Человек]

ThunderCat, ну потому что изображения не для своего сайта, а на чужие форумы.

ПС. Поправил вопрос.

[Простой Человек]

Дмитрий, а ну это понятно, я уже понял, что готового решения нет. Ну или по-крайней мере для php 7.4.
Экономия по фигу, как написал выше это не для своего сайта. Поэтому нагрузки достаточной, чтобы у меня чёт глючило при этом не будет.

[Простой Человек]

Дмитрий, да, не совсем так получилось, но почти. На правильную мысль натолкнули. Не совсем так везде, как хотелось, но в целом отлично вышло. Спасибо!

Answer 1

[Простой Человек]

Если кому интересно, вот готовое решение

Answer 2

[Sergei Parfenov]

// Создаем объект Imagick
$imagick = new Imagick('path/to/your/image.jpg');

// Устанавливаем радиус для углов
$radius = 20;

// Скругляем углы
$imagick->roundCorners($radius);

// Сохраняем измененное изображение
$imagick->writeImage('path/to/save/rounded_image.jpg');

Comments

[Простой Человек]

Не всё так просто. Уже решил задачку.