安裝擴展

使用Composer安裝ThinkPHP5的圖像處理類庫：

composer require topthink/think-image

圖像操作

下面來看下圖像操作(zuo)類的基(ji)礎方法。

打開圖像文件

假設當前入口文件目錄下面有一個image.png文件，如圖所示：

使用open方法打開圖像文件進(jin)行相關操作：

$image = \think\Image::open('./image.png');

也可以從(cong)直(zhi)接獲取(qu)當前請求中(zhong)的文件上傳對象，例如：

$image = \think\Image::open(request()->file('image'));

獲取圖像信息

可以獲取打開圖片(pian)的信息(xi)，包括圖像大小、類型等，例如(ru)：

$image = \think\Image::open('./image.png');
// 返回圖片的寬度
$width = $image->width(); 
// 返回圖片的高度
$height = $image->height(); 
// 返回圖片的類型
$type = $image->type(); 
// 返回圖片的mime類型
$mime = $image->mime(); 
// 返回圖片的尺寸數組 0 圖片寬度 1 圖片高度
$size = $image->size(); 

裁剪圖片

使用crop和save方法(fa)完成裁剪圖(tu)片功能(neng)。

$image = \think\Image::open('./image.png');
//將圖片裁剪為300x300并保存為crop.png
$image->crop(300, 300)->save('./crop.png');

生成的圖片如圖：

支持從(cong)某個坐標開始裁剪(jian)，例如下面從(cong)（100，30）開始裁剪(jian)，例如：

$image = \think\Image::open('./image.png');
//將圖片裁剪為300x300并保存為crop.png
$image->crop(300, 300,100,30)->save('./crop.png');

生成的圖(tu)(tu)片如圖(tu)(tu)：

生成縮略圖

使用thumb方法(fa)生(sheng)成(cheng)縮略圖，例如：

$image = \think\Image::open('./image.png');
// 按照原圖的比例生成一個最大為150*150的縮略圖并保存為thumb.png
$image->thumb(150, 150)->save('./thumb.png');

生成(cheng)的縮略圖如圖所示：

我們看到實際生成的縮略圖并不是150*150，因為默認采用原圖等比例縮放的方式生成縮略圖，最大寬度是150。
可以支持其他類型的縮略圖生成，設置包括\think\Image的(de)下列常量或(huo)者對應的(de)數(shu)字：

//常量，標(biao)識縮略圖等比例縮放類型
const THUMB_SCALING   = 1; 
//常(chang)量，標識縮(suo)略(lve)圖縮(suo)放后填充類型
const THUMB_FILLED    = 2; 
//常量(liang)，標識縮(suo)略圖(tu)居中裁剪(jian)類型
const THUMB_CENTER    = 3; 
//常(chang)量，標識縮略圖左上角裁剪類(lei)型
const THUMB_NORTHWEST = 4;
//常量，標(biao)識(shi)縮略圖(tu)右下角裁剪(jian)類型
const THUMB_SOUTHEAST = 5; 
//常(chang)量(liang)，標識縮(suo)略(lve)圖固定尺寸縮(suo)放類型(xing)
const THUMB_FIXED     = 6; 

比(bi)如我們居中(zhong)裁剪(jian)：

$image = \think\Image::open('./image.png');
// 按照原圖的比例生成一個最大為150*150的縮略圖并保存為thumb.png
$image->thumb(150,150,\think\Image::THUMB_CENTER)->save('./thumb.png');

后生成的縮略圖效果(guo)如(ru)圖：

再(zai)比如我們右下角剪裁

$image = \think\Image::open('./image.png');
// 按照原圖的比例生成一個最大為150*150的縮略圖并保存為thumb.png
$image->thumb(150,150,\think\Image::THUMB_SOUTHEAST)->save('./thumb.png');

生成的縮略圖(tu)效(xiao)果如圖(tu)：

這里就(jiu)不再對其他用(yong)法(fa)一(yi)一(yi)舉例了。

圖像翻轉

使用flip可以(yi)對圖像(xiang)進(jin)行(xing)翻轉(zhuan)操作(zuo)，默認是以(yi)x軸(zhou)進(jin)行(xing)翻轉(zhuan)，例如：

$image = \think\Image::open('./image.png');
// 對圖像進行以x軸進行翻轉操作
$image->flip()->save('./filp_image.png');

生(sheng)成的效(xiao)果如圖：

我們(men)也(ye)可以改(gai)變參數，以y軸進行翻轉，例如：

$image = \think\Image::open('./image.png');
// 對圖像進行以y軸進行翻轉操作
$image->flip(\think\image::FLIP_Y)->save('./filp_image.png');

生成(cheng)的效果如圖：

圖像的(de)翻轉可以理解為圖像的(de)鏡(jing)面效果(guo)與圖像旋轉有所不同。

圖像旋轉

使用rotate可以對圖像進(jin)行旋轉(zhuan)操(cao)作（默認是順(shun)時針旋轉(zhuan)90度(du)），我們用默認90度(du)進(jin)行旋轉(zhuan)舉例：

$image = \think\Image::open('./image.png');
// 對圖像使用默認的順時針旋轉90度操作
$image->rotate()->save('./rotate_image.png');

生成的效果如圖(tu)：

圖像保存參數

save方法可以配置的參數

設(she)置隔行掃描(miao)的(de)情況下(xia)(xia)在網頁進行瀏覽時。是從上(shang)到下(xia)(xia)一行一行的(de)顯(xian)示(shi)，否則圖片整個顯(xian)示(shi)出(chu)來 然后由模糊(hu)到清晰顯(xian)示(shi)。

添加水印

系統支持添加圖片及文字水印，下面依次舉例說明
添加圖片(pian)水印，我們下載官網logo文件到根目錄進(jin)行舉(ju)例：

$image = \think\Image::open('./image.png');
// 給原圖左上角添加水印并保存water_image.png
$image->water('./logo.png')->save('water_image.png'); 

water方法的第二個參數表示水印的位置，默認值是WATER_SOUTH，可以傳入下列\think\Image類的(de)常(chang)量(liang)或(huo)者(zhe)對應的(de)數字：

//常量，標識左上角(jiao)水印
const WATER_NORTHWEST = 1; 
//常量，標識上(shang)居中水印(yin)
const WATER_NORTH     = 2; 
//常量，標(biao)識右上角水印
const WATER_NORTHEAST = 3; 
//常量，標(biao)識(shi)左居(ju)中水(shui)印
const WATER_WEST      = 4; 
//常量，標(biao)識居中水印
const WATER_CENTER    = 5; 
//常(chang)量(liang)，標識右居中(zhong)水(shui)印
const WATER_EAST      = 6; 
//常量，標識左下角水印
const WATER_SOUTHWEST = 7; 
//常量，標(biao)識下居中水印
const WATER_SOUTH     = 8; 
//常量，標識右下角(jiao)水印
const WATER_SOUTHEAST = 9; 

我們用左上角來進行測試：

$image = \think\Image::open('./image.png');
// 給原圖左上角添加水印并保存water_image.png
$image->water('./logo.png',\think\Image::WATER_NORTHWEST)->save('water_image.png');

生(sheng)成的圖片(pian)效果(guo)如下(xia)：

還可以支持水印圖片的透明度（0~100，默認值是100），例(li)如(ru)：

$image = \think\Image::open('./image.png');
// 給原圖左上角添加透明度為50的水印并保存alpha_image.png
$image->water('./logo.png',\think\Image::WATER_NORTHWEST,50)->save('alpha_image.png');

生成的(de)圖片(pian)效果(guo)如下：

也可以支持給圖片添加文字水印（我們復制一個字體文件HYQingKongTiJ.ttf到入口目錄），我們現在生成一個像素20px，顏色為#ffffff的水印效果：

$image = \think\Image::open('./image.png');
// 給原圖左上角添加水印并保存water_image.png
$image->text('十年(nian)磨一(yi)劍(jian) - 為API開(kai)發設計的高性能框(kuang)架','HYQingKongTiJ.ttf',20,'#ffffff')->save('text_image.png');

生成的圖片效果(guo)：

文字水印參數

文字水(shui)印比較(jiao)多(duo)，在此只做說明(ming)不做演示了