前言
Intervention/image 是為 Laravel 定制的圖片處理工具, 它提供了一套易于表達(dá)的方式來創(chuàng)建、編輯圖片。
Demo 代碼請(qǐng)見：
Github：https://github.com/zhengjinghua/est-image-demo
本地下載：http://xiazai.jb51.net/201711/yuanma/est-image-demo(jb51.net).rar
Demo
Demo 截圖
Demo 運(yùn)行
請(qǐng)參照文檔 如何利用 Homestead 快速運(yùn)行一個(gè) Laravel 項(xiàng)目.
文章概覽
- 安裝；
- 修改配置信息；
- 基礎(chǔ)用法；
- 特色功能.
接下來是詳細(xì)解說.
1. 安裝
1). 使用 composer 安裝:
composer require intervention/image
上面的命令會(huì)
2). 修改 app/config/app.php 添加 ServiceProvider:
// 將下面代碼添加到 providers 數(shù)組中
'providers' => [
// ...
Intervention\Image\ImageServiceProvider::class,
// ...
],
// 將下面代碼添加到 aliases 數(shù)組中
'aliases' => [
// ...
'Image' => Intervention\Image\Facades\Image::class,
// ...
],
2. 圖片處理庫(kù)的配置
此擴(kuò)展包默認(rèn)使用 PHP 的 GD 庫(kù)來進(jìn)行圖像處理, 但由于 GD 庫(kù)對(duì)圖像的處理效率要稍遜色于 imagemagick 庫(kù), 因此這里推薦替換為 imagemagick 庫(kù)來進(jìn)行圖像處理.
開始之前, 你得先確定本地已經(jīng)安裝好 GD 或 Imagick.
在使用 Intervention Image 的時(shí)候, 你只需要給 ImageManager 傳一個(gè)數(shù)組參數(shù)就可以完成 GD 和 Imagick 庫(kù)之間的互相切換.
如下所示:
// 引入 composer autoload
require 'vendor/autoload.php';
// 導(dǎo)入 Intervention Image Manager Class
use Intervention\Image\ImageManager;
// 通過指定 driver 來創(chuàng)建一個(gè) image manager 實(shí)例
$manager = new ImageManager(array('driver' => 'imagick'));
// 最后創(chuàng)建 image 實(shí)例
$image = $manager->make('public/foo.jpg')->resize(300, 200);
另外你也可以使用 ImageManager 的靜態(tài)版本, 如下所示:
// 引入 composer autoload
require 'vendor/autoload.php';
// 導(dǎo)入 Intervention Image Manager Class
use Intervention\Image\ImageManagerStatic as Image;
// 通過指定 driver 來創(chuàng)建一個(gè) image manager 實(shí)例 (默認(rèn)使用 gd)
Image::configure(array('driver' => 'imagick'));
// 最后創(chuàng)建 image 實(shí)例
$image = Image::make('public/foo.jpg')->resize(300, 200);
生成 config/image.php 配置文件:
php artisan vendor:publish --provider="Intervention\Image\ImageServiceProviderLaravel5"
運(yùn)行上面的命令后, 會(huì)在項(xiàng)目中生成 config/image.php 配置文件, 打開此文件并將 driver 修改成 imagick:
return array(
'driver' => 'imagick'
);
到此, 此拓展包即安裝成功!
3. 基礎(chǔ)用法
// 修改指定圖片的大小
$img = Image::make('images/avatar.jpg')->resize(200, 200);
// 插入水印, 水印位置在原圖片的右下角, 距離下邊距 10 像素, 距離右邊距 15 像素
$img->insert('images/watermark.png', 'bottom-right', 15, 10);
// 將處理后的圖片重新保存到其他路徑
$img->save('images/new_avatar.jpg');
/* 上面的邏輯可以通過鏈?zhǔn)奖磉_(dá)式搞定 */
$img = Image::make('images/avatar.jpg')->resize(200, 200)->insert('images/new_avatar.jpg', 'bottom-right', 15, 10);
4. 特色功能
除上文介紹的基本用法之外, 此擴(kuò)展包還支持:
- 圖片上傳功能;
- 圖片緩存功能;
- 圖片過濾功能: 將圖片按照統(tǒng)一規(guī)則進(jìn)行轉(zhuǎn)換;
- 圖片動(dòng)態(tài)處理: 根據(jù)訪問圖片的 URL 參數(shù)自動(dòng)調(diào)整圖片大小
更多的例子請(qǐng)移步 官方文檔 參考.
intervention/image 中的一個(gè)小坑及其破解之法
事實(shí)上 intervention/iamge 用了很有些時(shí)日了，它的 api 設(shè)計(jì)得很簡(jiǎn)潔，文檔也很全面，用起來相當(dāng)順手。
不過最近無意間發(fā)現(xiàn)了一個(gè)小坑。因?yàn)樾枰铣蓭⑿蓬^像的二維碼，我使用 Image::make($avatarUrl) （這里的 $avatarUrl 是微信頭像的鏈接）來產(chǎn)生頭像，然后合成到二維碼圖像中去（還包括一些其它操作，比如使用模板背景、寫入文字）。
寫完之后一運(yùn)行，發(fā)現(xiàn)相當(dāng)慢，平均耗時(shí) 23 秒左右。起初以為是因?yàn)楹铣蛇^程中進(jìn)行的操作比較多、尺寸比較大，本來就應(yīng)該是這個(gè)速度。不過后來閑下來，開始試著優(yōu)化，即使不能提升速度，至少也搞清楚到底是什么原因這么耗時(shí)。
這一通折騰下來，發(fā)現(xiàn)真相竟然與合成操作的多少、尺寸沒有多大關(guān)系。而關(guān)鍵在于我創(chuàng)建頭像數(shù)據(jù)的姿勢(shì)。
為了說明這個(gè)問題，特意寫了下面的代碼進(jìn)行對(duì)比。
// 記錄開始時(shí)間
$startTimestamp = microtime(true);
$url = 'http://wx.qlogo.cn/mmopen/XxT9TiaJ1ibf06TNRCMjQADS4opDHvQLguLZHpqkRlvuJYZicvJW4iaOalPsKIs0kpZ3F6864ZzibyObYiaucUQSrdp4pFTNDyIpxw/0';
$avatar = \Image::make($url);
// 記錄結(jié)束時(shí)間
$endTimestamp = microtime(true);
info($startTimestamp);
info($endTimestamp);
info($endTimestamp - $startTimestamp);
上面這段代碼使用 Image::make($url) 的形式，直接從 url 生成頭像。從記錄的日志數(shù)據(jù)來看，耗時(shí)基本上在 16 秒左右。
后來，想到了一個(gè)新姿勢(shì)，其實(shí)也就是在嘗試優(yōu)化的過程中折騰時(shí)想到的。見下面代碼：
$startTimestamp = microtime(true);
$client = new \GuzzleHttp\Client();
$url = 'http://wx.qlogo.cn/mmopen/XxT9TiaJ1ibf06TNRCMjQADS4opDHvQLguLZHpqkRlvuJYZicvJW4iaOalPsKIs0kpZ3F6864ZzibyObYiaucUQSrdp4pFTNDyIpxw/0';
$avatarResponse = $client->get($url);
$avatar = \Image::make($avatarResponse->getBody()->getContents());
$endTimestamp = microtime(true);
info($startTimestamp);
info($endTimestamp);
info($endTimestamp - $startTimestamp);
在這里我先使用 GuzzleHttp 獲取頭像，再使用 Image::make($data) 創(chuàng)建頭像。
注意，要高潮了…… sunglasses
看看下面的日志截圖，三次平均耗時(shí)在 0.07 秒左右，和前面的 16 秒相比，差了 200 多倍。
至于為什么會(huì)出現(xiàn)這種現(xiàn)象，自己也沒搞清楚，但這無疑是一點(diǎn)比較有用且小眾的經(jīng)驗(yàn)。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
您可能感興趣的文章:- Laravel關(guān)聯(lián)模型中過濾結(jié)果為空的結(jié)果集(has和with區(qū)別)
- laravel框架實(shí)現(xiàn)為 Blade 模板引擎添加新文件擴(kuò)展名操作示例
- Laravel中基于Artisan View擴(kuò)展包創(chuàng)建及刪除應(yīng)用視圖文件的方法
- Laravel4中的Validator驗(yàn)證擴(kuò)展用法詳解
- 關(guān)于擴(kuò)展 Laravel 默認(rèn) Session 中間件導(dǎo)致的 Session 寫入失效問題分析
- laravel容器延遲加載以及auth擴(kuò)展詳解
- Laravel中擴(kuò)展Memcached緩存驅(qū)動(dòng)實(shí)現(xiàn)使用阿里云OCS緩存
- Laravel框架中擴(kuò)展函數(shù)、擴(kuò)展自定義類的方法
- laravel框架實(shí)現(xiàn)敏感詞匯過濾功能示例
