PHP imageftbbox imagettftext - 简单的字母间距/字距调整？

有谁知道使用 imagettftext 进行字母间距/字距调整的简单方法？我的脚本按照我现在的需要工作，但我确实可以使用具有 CSS 样式的生成文本

letter-spacing: -0.01em;

所以它与页面上的标准文本相匹配，但我没有看到任何方法可以轻松做到这一点。我确实找到了与此相关的以下线程，但我尝试将答案放入我的代码中，但没有一个达到预期的效果。

php imagettftext 字母间距 https://stackoverflow.com/questions/6926613/php-imagettftext-letter-spacing

我当前的代码如下

<?php
include 'deliverytimes.php';

$date = new DateTime();
$now = date("Y-m-d H:i:s");
$h = date("H:i:s"); 

$days = explode(",", $businessDaysToAdd);
if (count($days) > 1) {
      
    $two_weekdays_later_1 = strtotime(date("Y-m-d H:i:s", strtotime($now)) . " +" . $days[0] . " weekdays $h");
    $date_1 = new DateTime("@$two_weekdays_later_1"); 
    $formattedDeliveryDate_1 =  $date_1->format('jS M');
    $formattedDeliveryDate_3 =  $date_1->format('jS \o\f F');
    
    $two_weekdays_later_2 = strtotime(date("Y-m-d H:i:s", strtotime($now)) . " +" . $days[1] . " weekdays $h");
    $date_2 = new DateTime("@$two_weekdays_later_2"); 
    $formattedDeliveryDate_2 =  $date_2->format('jS M.');
    $formattedDeliveryDate_4 =  $date_2->format('jS \o\f F');   

    $formattedDeliveryDate1 = $formattedDeliveryDate_3;
    $formattedDeliveryDate2 = $formattedDeliveryDate_4;

    $formattedDeliveryDate = "If ordered today we estimate delivery to be approximately between " . $formattedDeliveryDate_1 . " and " . $formattedDeliveryDate_2;
} else {
    $h = date("H:i:s");   
    $two_weekdays_later = strtotime(date("Y-m-d H:i:s", strtotime($now)) . " +" . $businessDaysToAdd . " weekdays $h");
    $date = new DateTime("@$two_weekdays_later"); 
    $formattedDeliveryDate = "If ordered today we estimate delivery approximately by " . $date->format('l, jS M.');
}

$defaultOutput = 'main';
$textMobile = isset($_REQUEST['mobile']) ? $_REQUEST['mobile'] : $defaultOutput;

switch($textMobile) {
    case "main":
        $textToUse = $formattedDeliveryDate;
        break;
    case "p1":
        $textToUse = $formattedDeliveryDate1;        
        break;
    case "p2":
        $textToUse = $formattedDeliveryDate2;        
        break;
}

// Path to our font file
$font = './Inter-SemiBold.ttf';
$fontBold = './Inter-Bold.ttf';
$size = 24;
$size2 = 83;
$bbox   = imageftbbox($size2, 0, $fontBold, $textToUse);
$width  = 1020;
$height = 110;
$im    = imagecreatetruecolor($width, $height);
$x = ($width - ($bbox[4] - $bbox [0])) / 2;
imagealphablending($im, false);
imagesavealpha($im, true);
$white = imagecolorallocate($im, 255, 255, 255);
$black = imagecolorallocate($im, 0, 0, 0);
$grey = imagecolorallocate($im, 161, 161, 168);
$trans = imagecolorallocatealpha($im, 255, 255, 255, 127);
imagefilledrectangle($im, 0, 0, $width, $height, $trans);

$defaultTextColour = 'white';
$textColour = isset($_REQUEST['colour']) ? $_REQUEST['colour'] : $defaultTextColour;

switch($textColour) {
    case "white":
        $textColourUse = $white;
        break;
    case "black":
        $textColourUse = $black;        
        break;
    case "grey":
        $textColourUse = $grey;        
        break;
}

// Write it
imagettftext($im, $size2, 0, $x, -$bbox[7], $textColourUse, $fontBold, $textToUse);

// Output to browser
header('Content-Type: image/png');
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
imagepng($im);
imagedestroy($im);

我明白你的意思。如果没有任何字距调整，您的输出将如下所示：

当我采取接受的答案 https://stackoverflow.com/questions/6926613/php-imagettftext-letter-spacing，这对于您的目的来说已经足够了，对于间距设置为这样的情况来说，它看起来像这样-0.5:

注意之间的空间如何f and e仍然很大，而在其他地方字母甚至可以重叠。

造成这种情况的原因是什么？有办法预防吗？

让我们从绘制盒子开始，由imagettfbbox()字母周围：

显然，这个惯例并没有完全按计划进行。您会期望水平重叠（如果存在）对于所有框都是相同的。

解释这个有点困难，它与字体字距调整 https://en.wikipedia.org/wiki/Kerning。字距调整可以减去字母前后的空格：

重要的是要认识到$x你给予的位置imagettftext()考虑到这种字距调整。所以即使你说一封信应该写在(x,y)这不是返回的坐标之一imagettfbbox()。该函数返回所绘制字母的边界框，如红色矩形所示。

现在让我们看看，有了这些知识，我们是否可以绘制均匀间隔的字母：

显然这是可能的。我使用的代码是这样的：

function imagettftextSpacing($image, $size, $x, $y, $color, $font, $text, $spacing = 0)
{
    foreach (mb_str_split($text) as $char)
    {
        $frontBox = imagettfbbox($size, 0, $font, $char);
        $charBox  = imagettftext($image, $size, 0, $x - $frontBox[0], $y, $color, $font, $char);
        $charW    = $charBox[2] - $charBox[0];
        $x       += $charW + $spacing;
    }
}

这会获取字符的水平偏移并在绘制字符时进行纠正。

虽然这是一个进步，但还没有完全令人满意。有些字母接触，有些则不接触。这是因为我们纠正了字符前面的字距调整，但没有纠正后面的字距调整。我们需要以某种方式找出后面的字距调整是什么，然后进行纠正。我把这段代码搞砸了：

function getBBoxW($bBox)
{
  return $bBox[2] - $bBox[0];
}


function imagettftextSpacing($image, $size, $x, $y, $color, $font, $text, $spacing = 0)
{
    $testStr = 'test';
    $testW   = getBBoxW(imagettfbbox($size, 0, $font, $testStr));
    foreach (mb_str_split($text) as $char)
    {
        $fullBox = imagettfbbox($size, 0, $font, $char . $testStr);
        imagettftext($image, $size, 0, $x - $fullBox[0], $y, $color, $font, $char);
        $x      += $spacing + getBBoxW($fullBox) - $testW;
    }
}

我创建了一个单独的函数来获取边界框的宽度，因为我计算了很多，并且函数名称更清楚地表明了正在执行的操作。我使用一个测试字符串，并检查它的宽度，以便稍后计算它前面的字符的作用。我终于弥补了这一点。结果是这样的：

这显然更好，您很难发现它比本答案开头的示例间隔更近，但事实确实如此。

我不得不承认这相当复杂，我不知道你为什么要这样做。使用基本的 HTML 和 CSS 可以更好地完成同样的工作。