Question

我正在使用xml Feed并从文本中创建图像。我想要做的是将链接文本着色为与常规文本不同的颜色。我循环浏览文本以找到链接，但无法弄清楚如何为该文本着色。

Answer 1

imagetttftext()只能绘制一种颜色。您无法更改它，或嵌入html-ish颜色代码，以动态更改文本颜色。您必须将文本拆分为多个块，每个块都用一种颜色绘制。

这意味着您必须使用imagettfbbox()计算每个字符串块的开始/停止位置，并相应地调整imagetttftext()中的坐标。

评论后续：

好的，所以单个标签内容，链接是不同的颜色。第一步是预处理字符串并将其沿链接边界分开，这样您最终会得到一系列“文本/链接/文本/链接/文本”块。在那之后，它只是一个循环：

$start_x = 5;
$start_y = 20; // initial x/y coords of text
$fontsize = 14;
$font = 'font.ttf';
$angle = 0;

$black = imagecolorallocate($im, 0, 0, 0);
$linkcolor = imagecolorallocate($im, ?, ? ,?);

foreach ($string_chunks as $chunk) {
   // get coordinates of bounding box containing text
   $coords = imagegettfbbox($fontsize, $angle, $font, $chunk);

   $end_x = $coords[4]; // as per imagetttfbbox() doc page
   $end_y = $coords[5]; // x,y coords of top right corner of bounding box

   // figure out which color to draw in
   $color_to_draw = is_link($chunk) ? $linkcolor : $black; 

   // draw the text chunk
   imagettftext($im, $fontsize, $angle, $start_x, $start_y, $color_to_draw, $font, $chunk);

   // adjust starting coordinates to the END of the just-drawn text
   $start_x += $end_x;
   $start_y += $end_y;
}

如果两者之间没有足够的空间，您可能需要随时调整坐标每个文本块，或者在你得到它的边界框之前在字符串中加一个空格。

Answer 2

我知道有imagefontwidth()和imagefontheight()来获取字体字符的高度和宽度。但是，这仅适用于加载了imageloadfont()的内置字体或字体，我认为不支持TTF文件。但是如果你使用它，那么计算每个块的坐标就相当容易了。

例如：

<?php
// Image:
$image = imagecreatetruecolor(200, 200);

// First built-in font:
$font = 1;

// X and Y coordinates of the 5th character in the 7th row:
$x = imagefontwidth($font) * 4;
$y = imagefontheight($font) * 6;

// Put character onto image, with white color:
imagestring($image, $font, $x, $y, 'H', 0xffffff);
?>

（请注意，尽管我在代码中使用0xffffff作为颜色，但建议尽可能使用imagecolorallocate()

PHP：创建图像之前的颜色超链接

2 个答案: