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

WBOY
發布: 2023-07-05 09:54:01
原創
1386 人瀏覽過

如何使用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);
?>

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

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

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!