圖像處理

安裝擴(kuò)展

使用Composer安裝ThinkPHP5的圖像處理類庫(kù)：

composer require topthink/think-image

圖像操作

下面來(lái)看下圖像操作類的基礎(chǔ)方法。

打開(kāi)圖像文件

假設(shè)當(dāng)前入口文件目錄下面有一個(gè)image.png文件，如圖所示：

使用open方法打開(kāi)圖像文件進(jìn)行相關(guān)操作：

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

也可以從直接獲取當(dāng)前請(qǐng)求中的文件上傳對(duì)象，例如：

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

獲取圖像信息

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

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

裁剪圖片

使用crop和save方法完成裁剪圖片功能。

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

生成的圖片如圖：

支持從某個(gè)坐標(biāo)開(kāi)始裁剪，例如下面從（100，30）開(kāi)始裁剪，例如：

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

生成的圖片如圖：

生成縮略圖

使用thumb方法生成縮略圖，例如：

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

生成的縮略圖如圖所示：

我們看到實(shí)際生成的縮略圖并不是150*150，因?yàn)槟J(rèn)采用原圖等比例縮放的方式生成縮略圖，最大寬度是150。
可以支持其他類型的縮略圖生成，設(shè)置包括\think\Image的下列常量或者對(duì)應(yīng)的數(shù)字：

//常量，標(biāo)識(shí)縮略圖等比例縮放類型
const THUMB_SCALING   = 1; 
//常量，標(biāo)識(shí)縮略圖縮放后填充類型
const THUMB_FILLED    = 2; 
//常量，標(biāo)識(shí)縮略圖居中裁剪類型
const THUMB_CENTER    = 3; 
//常量，標(biāo)識(shí)縮略圖左上角裁剪類型
const THUMB_NORTHWEST = 4;
//常量，標(biāo)識(shí)縮略圖右下角裁剪類型
const THUMB_SOUTHEAST = 5; 
//常量，標(biāo)識(shí)縮略圖固定尺寸縮放類型
const THUMB_FIXED     = 6; 

比如我們居中裁剪：

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

后生成的縮略圖效果如圖：

再比如我們右下角剪裁

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

生成的縮略圖效果如圖：

這里就不再對(duì)其他用法一一舉例了。

圖像翻轉(zhuǎn)

使用flip可以對(duì)圖像進(jìn)行翻轉(zhuǎn)操作，默認(rèn)是以x軸進(jìn)行翻轉(zhuǎn)，例如：

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

生成的效果如圖：

我們也可以改變參數(shù)，以y軸進(jìn)行翻轉(zhuǎn)，例如：

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

生成的效果如圖：

圖像的翻轉(zhuǎn)可以理解為圖像的鏡面效果與圖像旋轉(zhuǎn)有所不同。

圖像旋轉(zhuǎn)

使用rotate可以對(duì)圖像進(jìn)行旋轉(zhuǎn)操作（默認(rèn)是順時(shí)針旋轉(zhuǎn)90度），我們用默認(rèn)90度進(jìn)行旋轉(zhuǎn)舉例：

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

生成的效果如圖：

圖像保存參數(shù)

save方法可以配置的參數(shù)

設(shè)置隔行掃描的情況下在網(wǎng)頁(yè)進(jìn)行瀏覽時(shí)。是從上到下一行一行的顯示，否則圖片整個(gè)顯示出來(lái) 然后由模糊到清晰顯示。

添加水印

系統(tǒng)支持添加圖片及文字水印，下面依次舉例說(shuō)明
添加圖片水印，我們下載官網(wǎng)logo文件到根目錄進(jìn)行舉例：

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

water方法的第二個(gè)參數(shù)表示水印的位置，默認(rèn)值是WATER_SOUTH，可以傳入下列\think\Image類的常量或者對(duì)應(yīng)的數(shù)字：

//常量，標(biāo)識(shí)左上角水印
const WATER_NORTHWEST = 1; 
//常量，標(biāo)識(shí)上居中水印
const WATER_NORTH     = 2; 
//常量，標(biāo)識(shí)右上角水印
const WATER_NORTHEAST = 3; 
//常量，標(biāo)識(shí)左居中水印
const WATER_WEST      = 4; 
//常量，標(biāo)識(shí)居中水印
const WATER_CENTER    = 5; 
//常量，標(biāo)識(shí)右居中水印
const WATER_EAST      = 6; 
//常量，標(biāo)識(shí)左下角水印
const WATER_SOUTHWEST = 7; 
//常量，標(biāo)識(shí)下居中水印
const WATER_SOUTH     = 8; 
//常量，標(biāo)識(shí)右下角水印
const WATER_SOUTHEAST = 9; 

我們用左上角來(lái)進(jìn)行測(cè)試：

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

生成的圖片效果如下：

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

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

生成的圖片效果如下：

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

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

生成的圖片效果：

文字水印參數(shù)

文字水印比較多，在此只做說(shuō)明不做演示了