用 imagefontwidth() 和 imagestring() 实现动态文本居中

M66 2025-05-28

在进行图像处理时，动态地将文字居中显示在图片上，是常见的需求之一。PHP 的 GD 库提供了一系列函数帮助开发者处理这类任务，其中 imagefontwidth() 和 imagestring() 是两个重要的函数。本文将通过一个简单的示例来说明如何利用这两个函数实现文本的水平居中显示。

1. 函数简介

imagefontwidth()

此函数返回指定字体宽度的像素值。字体编号是 GD 预定义的，从 1 到 5，数字越大，字体越大。

int imagefontwidth(int $font);

imagestring()

该函数用于将字符串写入图像。

bool imagestring(GdImage $image, int $font, int $x, int $y, string $string, int $color);

参数解释：

$image：图像资源
$font：字体编号（1~5）
$x, $y：文本写入的起始位置
$string：要写入的文本
$color：颜色索引值

2. 实现步骤

我们以一个宽度为 400 像素，高度为 100 像素的图片为例，将一段文字居中写入图片中。

<?php
// 创建画布
$width = 400;
$height = 100;
$image = imagecreate($width, $height);

// 设置颜色
$background_color = imagecolorallocate($image, 255, 255, 255); // 白色背景
$text_color = imagecolorallocate($image, 0, 0, 0); // 黑色文字

// 要写入的文字
$text = "欢迎访问 m66.net";
$font = 5;

// 计算文本宽度
$text_width = imagefontwidth($font) * strlen($text);

// 计算X坐标，使文本居中
$x = ($width - $text_width) / 2;

// Y坐标（垂直位置）可自定义，这里简单设为垂直居中
$y = ($height - imagefontheight($font)) / 2;

// 写入文字
imagestring($image, $font, $x, $y, $text, $text_color);

// 输出图像到浏览器
header("Content-Type: image/png");
imagepng($image);

// 释放内存
imagedestroy($image);
?>

3. 注意事项

字体限制：imagefontwidth() 只适用于 imagestring() 使用的内置字体，如果你需要更精细控制文本样式和位置，应考虑 imagettftext()。
多字节字符：strlen() 在处理中文时不准确，可使用 mb_strlen() 替代，或预估字符宽度。
性能优化：对于频繁生成的图像内容，考虑缓存机制避免重复运算。

4. 应用场景

该方法适合用于动态生成验证码、图片水印、二维码配文、或者诸如 https://m66.net 这类自定义短网址平台上的图像文字合成等应用。

通过简单的几个函数组合，即可实现实用而灵活的文本居中功能，大大提升用户体验和图像呈现的专业性。