前言
Intervention/image 是為 Laravel 定制的圖片處理工具, 它提供了一套易于表達的方式來創建、編輯圖片。
Demo 代碼請見：
Github：https://github.com/zhengjinghua/est-image-demo
本地下載：http://xiazai.jb51.net/201711/yuanma/est-image-demo(jb51.net).rar
Demo
Demo 截圖
Demo 運行
請參照文檔 如何利用 Homestead 快速運行一個 Laravel 項目.
文章概覽
- 安裝；
- 修改配置信息；
- 基礎用法；
- 特色功能.
接下來是詳細解說.
1. 安裝
1). 使用 composer 安裝:
composer require intervention/image
上面的命令會
2). 修改 app/config/app.php 添加 ServiceProvider:
// 將下面代碼添加到 providers 數組中 'providers' => [ // ... Intervention\Image\ImageServiceProvider::class, // ... ], // 將下面代碼添加到 aliases 數組中 'aliases' => [ // ... 'Image' => Intervention\Image\Facades\Image::class, // ... ],
2. 圖片處理庫的配置
此擴展包默認使用 PHP 的 GD 庫來進行圖像處理, 但由于 GD 庫對圖像的處理效率要稍遜色于 imagemagick 庫, 因此這里推薦替換為 imagemagick 庫來進行圖像處理.
開始之前, 你得先確定本地已經安裝好 GD 或 Imagick.
在使用 Intervention Image 的時候, 你只需要給 ImageManager 傳一個數組參數就可以完成 GD 和 Imagick 庫之間的互相切換.
如下所示:
// 引入 composer autoload
require 'vendor/autoload.php';
// 導入 Intervention Image Manager Class
use Intervention\Image\ImageManager;
// 通過指定 driver 來創建一個 image manager 實例
$manager = new ImageManager(array('driver' => 'imagick'));
// 最后創建 image 實例
$image = $manager->make('public/foo.jpg')->resize(300, 200);
另外你也可以使用 ImageManager 的靜態版本, 如下所示:
// 引入 composer autoload
require 'vendor/autoload.php';
// 導入 Intervention Image Manager Class
use Intervention\Image\ImageManagerStatic as Image;
// 通過指定 driver 來創建一個 image manager 實例 (默認使用 gd)
Image::configure(array('driver' => 'imagick'));
// 最后創建 image 實例
$image = Image::make('public/foo.jpg')->resize(300, 200);
生成 config/image.php 配置文件:
php artisan vendor:publish --provider="Intervention\Image\ImageServiceProviderLaravel5"
運行上面的命令后, 會在項目中生成 config/image.php 配置文件, 打開此文件并將 driver 修改成 imagick:
return array( 'driver' => 'imagick' );
到此, 此拓展包即安裝成功!
3. 基礎用法
// 修改指定圖片的大小
$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');
/* 上面的邏輯可以通過鏈式表達式搞定 */
$img = Image::make('images/avatar.jpg')->resize(200, 200)->insert('images/new_avatar.jpg', 'bottom-right', 15, 10);
4. 特色功能
除上文介紹的基本用法之外, 此擴展包還支持:
- 圖片上傳功能;
- 圖片緩存功能;
- 圖片過濾功能: 將圖片按照統一規則進行轉換;
- 圖片動態處理: 根據訪問圖片的 URL 參數自動調整圖片大小
更多的例子請移步 官方文檔 參考.
intervention/image 中的一個小坑及其破解之法
事實上 intervention/iamge 用了很有些時日了，它的 api 設計得很簡潔，文檔也很全面，用起來相當順手。
不過最近無意間發現了一個小坑。因為需要合成帶微信頭像的二維碼，我使用 Image::make($avatarUrl) （這里的 $avatarUrl 是微信頭像的鏈接）來產生頭像，然后合成到二維碼圖像中去（還包括一些其它操作，比如使用模板背景、寫入文字）。