如何使用imagefontwidth() 函數開發一個簡單的文字拼圖工具，輕鬆實現文字排版與佈局

M66 2025-06-15

在PHP 圖像處理庫GD 中， imagefontwidth()是一個非常實用的函數，能夠幫助開發者獲取某種字體在指定大小下的字符寬度。這在開發文字拼圖工具時顯得尤為重要，尤其是在實現精準的文字排版和佈局上。本文將通過一個實例，教你如何使用imagefontwidth()函數開發一個簡單的文字拼圖工具。

一、imagefontwidth() 函數簡介

imagefontwidth()函數的作用是返回指定字體編號所對應字體的字符寬度。它的基本語法如下：

 int imagefontwidth ( int $font )

參數$font是內置字體的編號（1 到5），返回值是該字體下每個字符的寬度（單位：像素）。

舉個例子：

 $width = imagefontwidth(5);
echo "字體 5 的字符寬度是：$width 像素";

二、項目需求與實現思路

我們將實現一個文字拼圖工具，功能如下：

用戶輸入一段文字；
指定行數或列數進行自動排版；
生成文字拼圖圖像；
自動計算每個字符的位置。

在這個過程中， imagefontwidth()將用於確定字符所佔寬度，從而實現精確排版。

三、開發步驟詳解

第一步：初始化畫布

首先創建畫布，並設定背景色與字體樣式：

 $text = "HELLOPHP";
$font = 5; // 使用内置字體编号 5
$charWidth = imagefontwidth($font);
$charHeight = imagefontheight($font);
$cols = 4;
$rows = ceil(strlen($text) / $cols);

$imgWidth = $cols * $charWidth;
$imgHeight = $rows * $charHeight;

$image = imagecreate($imgWidth, $imgHeight);
$bgColor = imagecolorallocate($image, 255, 255, 255);
$textColor = imagecolorallocate($image, 0, 0, 0);

第二步：文字繪製邏輯

使用imagestring()逐個字符繪製到畫布中，按照行列進行排版：

 for ($i = 0; $i < strlen($text); $i++) {
    $row = floor($i / $cols);
    $col = $i % $cols;
    $x = $col * $charWidth;
    $y = $row * $charHeight;
    imagestring($image, $font, $x, $y, $text[$i], $textColor);
}

第三步：輸出圖像

生成圖像並輸出到瀏覽器或保存為文件：

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

此腳本可以保存為text_puzzle.php ，並通過訪問http://m66.net/text_puzzle.php來查看效果。

四、效果展示與優化方向

生成的圖像會根據輸入的文字自動適配行列，並整齊排列每個字符。這種方式非常適合用在教育類圖形應用、字謎遊戲、簡單圖文合成工具中。

可以進一步優化的方向包括：

支持自定義字體（需使用imagettftext()和TTF 字體）；
加入文字顏色選擇、間距控制等功能；
支持背景圖片或透明背景；
通過GET 參數傳入文字，實現動態拼圖生成，例如http://m66.net/text_puzzle.php?text=PHPISFUN&cols=3

五、總結

通過imagefontwidth()與imagefontheight()的配合使用，我們可以快速實現文字在圖像中的精準佈局。開發一個簡單的文字拼圖工具，不僅能掌握基本的GD 庫圖像操作，更能通過這個小項目深入理解PHP 圖形繪製的強大能力。

在實際項目中，這種方法可擴展為動態驗證碼生成、圖文卡片渲染、文本可視化等多種應用。借助PHP 簡潔的語法和豐富的內置函數，我們能輕鬆打造各種有趣且實用的圖像處理工具。