如何利用PHP 的imageopenpolygon() 函數為繪製的多邊形圖形添加陰影效果？

在圖像處理過程中，給多邊形圖形添加陰影效果是一種常見的需求。 PHP 提供了強大的圖形處理函數庫，其中的imageopenpolygon()函數用於繪製多邊形。通過一些簡單的技巧，我們可以為這些多邊形圖形添加陰影效果，增加圖形的立體感。

什麼是imageopenpolygon() 函數？

在PHP 中， imageopenpolygon()函數用於創建一個多邊形。該函數允許你定義多邊形的頂點，並將其繪製到一個圖像資源上。它的基本語法如下：

 imageopenpolygon($image, $points, $num_points, $color);

• $image ：圖像資源。

• $points ：一個數組，包含多邊形的所有頂點坐標。

• $num_points ：多邊形的頂點數。

• $color ：多邊形的顏色。

通過該函數，可以繪製各種形狀的多邊形，而要為這些多邊形添加陰影效果，我們需要一些額外的處理。

添加陰影效果的步驟

1. 創建圖像資源：首先，我們需要創建一個圖像資源。

2. 繪製多邊形：使用imageopenpolygon()繪製多邊形。

3. 繪製陰影：通過將陰影稍微偏移並填充一個深色，使其看起來像是光源的反射。

4. 合併圖層：將陰影和多邊形圖形合併，以達到視覺上的效果。

以下是實現這個過程的代碼示例：

 <?php
// 創建圖像資源
$image = imagecreatetruecolor(400, 400);

// 分配顏色
$white = imagecolorallocate($image, 255, 255, 255);
$black = imagecolorallocate($image, 0, 0, 0);
$shadowColor = imagecolorallocate($image, 100, 100, 100); // 陰影顏色

// 填充背景色
imagefill($image, 0, 0, $white);

// 定義多邊形頂點
$points = [
    100, 100, // 頂點1
    200, 50,  // 頂點2
    300, 150, // 頂點3
    250, 250, // 頂點4
    150, 200  // 頂點5
];

// 繪製陰影（偏移一小段距離）
$shadowOffsetX = 10;
$shadowOffsetY = 10;
$shadowPoints = [];
foreach ($points as $key => $value) {
    if ($key % 2 == 0) {
        $shadowPoints[] = $value + $shadowOffsetX; // x 坐標偏移
    } else {
        $shadowPoints[] = $value + $shadowOffsetY; // y 坐標偏移
    }
}

// 繪製陰影
imageopenpolygon($image, $shadowPoints, count($shadowPoints) / 2, $shadowColor);

// 繪製多邊形
imageopenpolygon($image, $points, count($points) / 2, $black);

// 輸出圖像到瀏覽器
header("Content-Type: image/png");
imagepng($image);

// 銷毀圖像資源
imagedestroy($image);
?>

代碼解析

1. 創建圖像資源： 我們使用imagecreatetruecolor()創建了一個400x400 的圖像資源，並為其分配了顏色（白色、黑色和陰影顏色）。

2. 定義多邊形頂點： 我們定義了一個五個點的多邊形，頂點坐標存儲在$points數組中。

3. 繪製陰影： 通過將多邊形的每個頂點坐標稍微偏移，我們得到了陰影的頂點坐標。陰影偏移量由$shadowOffsetX和$shadowOffsetY控制。

4. 繪製多邊形： 通過imageopenpolygon()函數分別繪製陰影和多邊形，陰影會稍微偏移，使其看起來像是立體的。

5. 輸出圖像： 最後，我們通過imagepng()函數將生成的圖像輸出到瀏覽器。