使用 GD庫：
1.先確認 PHP GD lib 是否已安裝，利用 phpinfo() 頁面來檢查。
<?php如果出現 GD Support "enabled"，就是有啟用 GD lib了，
phpinfo();
?>
如果沒有的話，請打開 php.ini 找到 ;extension=gd 把前面的 ; 拿掉，再重開網頁伺服器，php應該就可以支援 GD lib了。
2.PHP 範例程式碼：
<?php
/* 原始圖片 */
$imagePath = "images/hat2_4982.jpg";
$outputPath = "images/hat2_4982_xxxxxx.jpg";
// 定義浮水印文字
$watermarkText1 = 'GD_Test';
$watermarkText2 = 'xxxxxx';
/* 用來加上浮水印的程式 */
function addWatermark($imagePath, $outputPath, $text1, $text2) {
// 載入圖片
$image = imagecreatefromjpeg($imagePath);
$width = imagesx($image);
$height = imagesy($image);
// 設定字型顏色，使用半透明的白色
$textColor = imagecolorallocatealpha($image, 255, 255, 255, 50);
// 255, 255, 255 為白色，100 是透明度
// 設定字型，這裡使用可用的字型
//$fontSize = 20; // 字型大小
// 根據圖片大小設定字型大小，這裡以圖片寬度的比例來設定字型大小
$fontSize = min($width, $height) / 20; // 例如，字型大小設為圖片最小邊長的1/20
$fontFile = 'fonts/Arial.ttf'; // 字型檔案路徑
// 計算字型的高寬，以便安排行距
$bbox1 = imagettfbbox($fontSize, 0, $fontFile, $text1);
$bbox2 = imagettfbbox($fontSize, 0, $fontFile, $text2);
$lineHeight = max($bbox1[1] - $bbox1[7], $bbox2[1] - $bbox2[7]) + 10; // 加入一些間隔
// 設定浮水印在圖片的四個角落的位置
$positions = [
[10, 1.5*$lineHeight], // 左上角
[$width - 130, 1.5*$lineHeight], // 右上角
[10, $height - 1.5*$lineHeight], // 左下角
[$width - 130, $height - 1.5*$lineHeight] // 右下角
];
// 寫入浮水印文字到圖片
foreach ($positions as $index => $position) {
// 在每個角落寫入 第一行文字
imagettftext($image, $fontSize, 0, $position[0], $position[1], $textColor, $fontFile, $text1);
// 偏移位置以顯示 第二行文字
imagettftext($image, $fontSize, 0, $position[0], $position[1] + $lineHeight, $textColor, $fontFile, $text2);
}
// 保存加了浮水印的圖片
imagejpeg($image, $outputPath);
imagedestroy($image);
}
addWatermark($imagePath, $outputPath, $watermarkText1, $watermarkText2);
?>
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>顯示圖片</title>
<style>
.image-container {
width: 640px; /* 設置容器寬度 */
height: 480px; /* 設置容器高度 */
background-image: url('<?php echo $imagePath; ?>');
background-size: cover; /* 覆蓋整個容器 */
}
.image-container2 {
width: 640px; /* 設置容器寬度 */
height: 480px; /* 設置容器高度 */
background-image: url('<?php echo $outputPath; ?>');
background-size: cover; /* 覆蓋整個容器 */
}
</style>
</head>
<body>
<div>
<img src="<?php echo $imagePath; ?>"></img>
</div>
<div>
<img src="<?php echo $outputPath; ?>"></img>
</div>
</body>
</html>
3.結果如下圖：
