搭配imagefilter() 實現透明圖像特效

M66 2025-05-19

在PHP 中， imagecolorallocatealpha和imagefilter()函數的組合可以幫助我們創建透明圖像特效，尤其是在處理圖像時添加一些濾鏡效果，或者修改圖像的透明度。今天，我們將學習如何使用這兩個函數來為圖像添加透明效果並應用濾鏡。

1. imagecolorallocatealpha函數介紹

imagecolorallocatealpha()是PHP 中用於為圖像分配顏色的函數，特別是它允許我們設置透明度。這個函數的使用方式如下：

 imagecolorallocatealpha(resource $image, int $red, int $green, int $blue, int $alpha): int

$image ：目標圖像資源。
$red , $ green , $blue ：分別表示紅色、綠色和藍色的顏色值，範圍是0 到255。
$alpha ：透明度值，0 表示完全不透明，127 表示完全透明。

通過使用imagecolorallocatealpha函數，我們可以為圖像分配一個具有透明度的顏色。

2. imagefilter()函數介紹

imagefilter()函數用於對圖像應用各種濾鏡效果。它的語法如下：

 imagefilter(resource $image, int $filtertype, mixed ...$arg): bool

$image ：目標圖像資源。
$filtertype ：濾鏡類型，PHP 提供了多種濾鏡類型，如圖像灰度、模糊等。
$arg ：與濾鏡相關的其他參數。

通過將透明度和濾鏡效果結合，我們可以創建一些視覺效果非常吸引人的圖像。

3. 示例：實現透明度漸變效果

下面的代碼展示瞭如何使用imagecolorallocatealpha和imagefilter()函數創建一個透明漸變效果的圖像。

代碼示例：

 <?php
// 創建一個空白的圖像
$image = imagecreatetruecolor(400, 400);

// 設置透明背景
$transColor = imagecolorallocatealpha($image, 0, 0, 0, 127); // 完全透明
imagefill($image, 0, 0, $transColor);

// 創建漸變效果：從左到右逐漸增加透明度
for ($x = 0; $x < 400; $x++) {
    $alpha = (int)(127 * ($x / 400)); // 從 127 (完全透明) 漸變到 0 (完全不透明)
    $color = imagecolorallocatealpha($image, 255, 0, 0, $alpha); // 紅色漸變
    imageline($image, $x, 0, $x, 400, $color); // 畫線填充圖像
}

// 應用高斯模糊濾鏡
imagefilter($image, IMG_FILTER_GAUSSIAN_BLUR);

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

// 清理資源
imagedestroy($image);
?>

解釋：

我們首先創建了一個400x400 的空白圖像，並設置背景為透明。
接著，我們使用imagecolorallocatealpha在圖像上繪製一個漸變的紅色線條，並使其透明度逐漸變化，從左到右。
最後，我們使用imagefilter()應用高斯模糊濾鏡，使得圖像的效果更加柔和。
使用imagepng()函數將圖像輸出到瀏覽器。

這樣，最終顯示的效果將是一個從左到右漸變透明的紅色條紋，並且應用了模糊濾鏡，創建出一種柔和的透明圖像特效。

4. 小結

通過使用imagecolorallocatealpha配合imagefilter()函數，我們可以非常方便地創建帶有透明效果和濾鏡的圖像。這個方法可以應用於各種圖像處理場景，例如製作水印、實現圖像過渡效果等。

使用這些函數時，記得注意圖像的創建和銷毀，確保不會導致內存洩漏。