PHP GD 从创建的 PNG 中修剪透明像素

Question

我目前正在开发一个网站，最近一直在使用 GD 和 PHP 来自动创建透明图像，其中包含用于网站上的导航、标题等的文本。它为我节省了很多使用 Photoshop 的时间，而且我可以在需要时立即更改按钮上的文本。

好吧，我在这里陷入了死胡同。我找到了将作为我的图像创建的“文本框”调整为文本大小的方法。但我面临的问题是我使用的 TTF 字体与 GD 期望的大小不同。基本上，最后一个字母将从输出图像中被切掉。所以我想知道是否有一种方法可以解决这个问题，同时保持文本的紧密边缘，或者使原始文本框的尺寸更大，然后“修剪”图像上的透明像素。

这是我现在正在使用的代码...

<?
$text = strip_tags($_GET['btn']);
if(file_exists('nav_'.$text.'.png')) {
    header("Content-type: image/png");

    $image = imagecreatefrompng('nav_'.$text.'.png');
    imagesavealpha($image, true);
    imagealphablending($image, false);
    imagepng($image);
    imagedestroy($image);
} else {
    header("Content-type: image/png");

    $fontSize = 10;
    $angle = 0;
    $font = "RonniaBold.ttf";

    $size = imagettfbbox($fontSize, $angle, $font, $text);
    $image = imagecreatetruecolor(abs($size[2]) + abs($size[0]) + 5, abs($size[7]) + abs($size[1]) + 5);
    imagesavealpha($image, true);
    imagealphablending($image, false);

    $transparentColor = imagecolorallocatealpha($image, 200, 200, 200, 127);
    imagefill($image, 0, 0, $transparentColor);

    $textColor = imagecolorallocate($image, 125, 184, 222);
    imagettftext($image, $fontSize, 0, 1, abs($size[5])+1, $textColor, $font, str_replace('_',' ',strtoupper($text)));
    imagepng($image, 'nav_'.$text.'.png', 0);
    imagedestroy($image);
}
?>

希望你们对此有一些见解，我真的可以使用它！

Answer 1

只要有可能，我都会使用 Imagick 类，因为我更喜欢 ImageMagick图书馆。以下示例几乎逐字取自此处。它根据提供的文本大小创建图像：

$text = 'Hello World!';

// Create a new ImageMagick objects.
$im = new Imagick();
$draw = new ImagickDraw();
$colour = new ImagickPixel('#000000');
$background = new ImagickPixel('none');

// Set font properties.
$draw->setFont('Fertigo_PRO.otf');
$draw->setFontSize(72);
$draw->setFillColor($colour);
$draw->setStrokeAntialias(true);
$draw->setTextAntialias(true);

// Get font metrics.
$fm = $im->queryFontMetrics($draw, $text);

// Create text.
$draw->annotation(0, $fm['ascender'], $text);

// Create a new empty canvas, using the text size.
$im->newImage($fm['textWidth'], $fm['textHeight'], $background);

// Create the image.
$im->setImageFormat('png');
$im->drawImage($draw);

// Save the image.
$im->writeImage('test.png');

如果您想了解有关 Imagick 类的更多信息，我推荐优秀的 Imagick 文章，来自 Mikko 的博客。

Answer 2

您的代码有问题，导致您无法确定文本的正确大小 - 当使用 imagettfbox 询问文本框的大小时，您使用 $text：

$size = imagettfbbox($fontSize, $angle, $font, $text);

但是当您将文本写入图像时，您使用 strtoupper($text ) - 这会使您的文本变大（除非您使用等宽字体）。