溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Laravel中Intervention/image圖片處理擴(kuò)展包怎么用

發(fā)布時(shí)間:2021-08-09 10:14:57 來源:億速云 閱讀:191 作者:小新 欄目:開發(fā)技術(shù)

這篇文章主要介紹Laravel中Intervention/image圖片處理擴(kuò)展包怎么用,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

Demo

Laravel中Intervention/image圖片處理擴(kuò)展包怎么用

Demo 運(yùn)行

請參照文檔 如何利用 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. 圖片處理庫的配置

此擴(kuò)展包默認(rèn)使用 PHP 的 GD 庫來進(jìn)行圖像處理, 但由于 GD 庫對圖像的處理效率要稍遜色于 imagemagick 庫, 因此這里推薦替換為 imagemagick 庫來進(jìn)行圖像處理.

開始之前, 你得先確定本地已經(jīng)安裝好 GD 或 Imagick.

在使用 Intervention Image 的時(shí)候, 你只需要給 ImageManager 傳一個(gè)數(shù)組參數(shù)就可以完成 GD 和 Imagick 庫之間的互相切換.

如下所示:

// 引入 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)整圖片大小

更多的例子請移步 官方文檔 參考.

intervention/image 中的一個(gè)小坑及其破解之法

事實(shí)上 intervention/iamge 用了很有些時(shí)日了,它的 api 設(shè)計(jì)得很簡潔,文檔也很全面,用起來相當(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ù)的姿勢。

為了說明這個(gè)問題,特意寫了下面的代碼進(jìn)行對比。

// 記錄開始時(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);

Laravel中Intervention/image圖片處理擴(kuò)展包怎么用

上面這段代碼使用 Image::make($url) 的形式,直接從 url 生成頭像。從記錄的日志數(shù)據(jù)來看,耗時(shí)基本上在 16 秒左右。

后來,想到了一個(gè)新姿勢,其實(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 多倍。

Laravel中Intervention/image圖片處理擴(kuò)展包怎么用

以上是“Laravel中Intervention/image圖片處理擴(kuò)展包怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI