使用imagefontwidth() 前必須知道的字體編號

在使用PHP 的GD 庫進行圖像處理時， imagefontwidth()是一個相對簡單但非常實用的函數。它的作用是返回指定字體編號所對應字體的寬度。然而，很多開發者在使用它之前，並沒有真正理解字體編號的實際意義以及它對圖像佈局的影響。本文將深入探討在調用imagefontwidth()之前你必須了解的關鍵知識點。

一、字體編號的由來與定義

在GD 庫中，並非所有字體都是自由選擇的。 PHP 提供了一組預定義的內置字體，編號從1 到5。每個編號對應一組不同大小的字體，這些字體是等寬（monospaced）的。

這些編號是imagestring() 、 imagestringup() 、 imagechar()等函數中使用的基礎，也就是你在調用imagefontwidth()或imagefontheight()時所必須傳入的參數。

二、imagefontwidth() 的基本用法

imagefontwidth()的語法非常簡單：

 $width = imagefontwidth($font);

其中$font是上述提到的字體編號。這個函數返回的是該字體每個字符的寬度（以像素為單位）。這在計算文本在圖像中的精確位置和邊界框時至關重要。

例如，假設你使用字體編號3，並想要輸出"Hello" ：

 $font = 3;
$text = "Hello";
$textWidth = imagefontwidth($font) * strlen($text);

這樣你就可以知道輸出這段文字需要的寬度是10 * 5 = 50 像素。

三、結合imagestring() 使用

了解字體寬度之後，你就可以更準確地在圖像中繪製文字了：

 $img = imagecreate(200, 50);
$bg = imagecolorallocate($img, 255, 255, 255);
$color = imagecolorallocate($img, 0, 0, 0);

$text = "Welcome!";
$font = 4;
$x = (200 - imagefontwidth($font) * strlen($text)) / 2;
$y = (50 - imagefontheight($font)) / 2;

imagestring($img, $font, $x, $y, $text, $color);

header("Content-Type: image/png");
imagepng($img);
imagedestroy($img);

這段代碼會將"Welcome!"居中繪製在一個200x50 的白色圖像上。

四、實際案例：計算驗證碼圖像寬度

在構建簡單的驗證碼時，你可能會寫出如下邏輯來動態創建合適寬度的圖像：

 $code = "ABCD";
$font = 5;
$width = imagefontwidth($font) * strlen($code);
$height = imagefontheight($font);
$image = imagecreate($width + 20, $height + 10); // 額外留白

通過這種方式，你可以根據不同長度的驗證碼自動調整圖像大小，避免文字過於擁擠或圖像過大而浪費帶寬。

五、注意事項

1. imagefontwidth()只適用於內置字體（編號1~5），不適用於通過imagettftext()使用的TrueType 字體。

2. 如果傳入非法字體編號，函數將返回false 。

3. 某些字體（如編號4 和5）雖然寬度相同，但高度不同，因此不要只依賴imagefontwidth() ，應結合imagefontheight()一起使用。

六、動態計算鏈接中的文字長度

如果你正在生成帶文字的動態圖像鏈接，如：

 $url = "https://m66.net/generate-image.php?text=HelloWorld";

你可能會想提前知道這個文本在圖像中的像素長度以便於服務器端準確生成圖像。這時候就能用到imagefontwidth()的組合：

 $font = 2;
$text = "HelloWorld";
$width = imagefontwidth($font) * strlen($text);
// 可用於設置 canvas 或參數校驗

這類應用在圖像簽名生成、短鏈接圖片化等系統中非常常見。

總結

在實際開發中，忽略字體編號的作用和imagefontwidth()的意義，往往會導致文字顯示位置偏移、佈局混亂等問題。理解PHP 的內置字體機制，是掌握GD 圖像處理的重要一步。通過精確計算字體寬度，我們不僅能更美觀地展示文字，還能構建更智能的圖像生成系統。

掌握這些基礎，你的PHP 圖像處理技巧將會上升一個新台階。