在指定区域的图像上方想象文字中心

Question

我正在使用Imagick库在图像上添加文本。 我在图像from x:280 to x:400上定义了区域 我在该区域中编写文本，我想将该文本居中对齐，以下代码将文本x：1和x：400居中

$draw = new ImagickDraw();
$draw->setFillColor('white');
$draw->setFont($tffFile);

$draw->setTextAlignment(Imagick::ALIGN_CENTER);
$draw->setFontSize( 14 );
$image->annotateImage($draw, 280, 80, 0, 'Hey there');

Answer 1

要使文本在感兴趣区域内居中，您将负责在应用Imagick::annotateImage之前计算坐标。幸运的是，已经为此提供了Imagick::queryFontMetrics，并且正如您所观察到的，使用setTextAlignment可能会使事情变得复杂，然后有所帮助。

// Given a basic pseudo image.
$image = new Imagick();
$image->newPseudoImage(400, 400, 'PLASMA:');

// Let's define a ROI rectangle.
$rect = [
    'x' => 225,
    'y' => 225,
    'h' => 100,
    'w' => 100,
];

// Draw a Region-of-interest for reference.
$roi = new ImagickDraw();
$roi->setStrokeColor('RED');
$roi->setStrokeWidth(2);
$roi->setFillColor('TRANSPARENT');
$roi->rectangle($rect['x'],
                $rect['y'],
                $rect['x'] + $rect['w'],
                $rect['y'] + $rect['h']);
$image->drawImage($roi);

// Define your text-rendering context.
$ctx = new ImagickDraw();
$ctx->setFillColor('WHITE');
$ctx->setFontSize( 14 );

// Query who it will render with the image stack.
$metrics = $image->queryFontMetrics($ctx, 'Hey there');

// Adjust starting x,y as needed to meet your requirements.
$offset = [
    'x' => $rect['x'] + $rect['w'] / 2 - $metrics['textWidth'] / 2,
    'y' => $rect['y'] + $rect['h'] / 2 + $metrics['textHeight'] / 2 + $metrics['descender'],
];
// Draw text.
$image->annotateImage($ctx,
                      $offset['x'],
                      $offset['y'],
                      0,
                      'Hey there');
// Write to disk.
$image->writeImage('output.png');

自动换行使内容变得更加复杂，混合字体使内容变得更加复杂。