如何使用PHP和UniApp實現圖片的浮水印功能

如何使用PHP和UniApp實現圖片的浮水印功能

引言：
在現今的社群媒體時代，圖片已經成為了人們常用的溝通方式之一。為了更好地保護自己的圖片作品，許多人經常在圖片上添加浮水印。本文將介紹如何使用PHP和UniApp實現圖片的浮水印功能，讓您的圖片更個人化、更安全。

一、PHP實作圖片浮水印功能

1. 建立一個PHP文件，命名為watermark.php。

// 定義水印文字
$text = 'Watermark';

// 定義水印字體
$font = 'msyh .ttc'; // 這裡使用了微軟雅黑字體，請確保伺服器上有該字體檔案

// 定義浮水印字體大小
$fontsize = 40;

//定義浮水印文字顏色
$color = imagecolorallocatealpha($image, 255, 255, 255, 50);

// 開啟來源圖片檔案
$sourceImage = imagecreatefromjpeg('source.jpg') ;

// 取得來源圖片的寬高
$sourceWidth = imagesx($sourceImage);
$sourceHeight = imagesy($sourceImage);

// 建立一個新圖片，用於新增浮水印
$newImage = imagecreatetruecolor($sourceWidth, $sourceHeight);

// 將來源圖片複製到新圖片中
imagecopy($newImage, $sourceImage, 0, 0, 0, 0, $sourceWidth, $sourceHeight);

// 在新圖片上新增浮水印文字
imagettftext($newImage, $fontsize, 0, $sourceWidth * 0.5 - $fontsize 0.5, $sourceHeight * 0.5 $fontsize 0.5, $color, $font, $text);

// 輸出帶有浮水印的圖片
header('Content-Type: image/ jpeg');
imagejpeg($newImage);

// 釋放圖片資源
imagedestroy($sourceImage);
imagedestroy($newImage);
?>

2. 將要新增浮水印的圖片命名為source.jpg，並與watermark.php檔案放在同一目錄下。
3. 在瀏覽器中造訪watermark.php，即可看到已經新增浮水印的圖片。

二、UniApp實作圖片浮水印功能

1. 在UniApp的pages目錄下建立一個新的頁面，命名為Watermark。
2. 在Watermark頁面的vue檔案中，加入以下內容：