我如何在樹枝模板中裁剪圖像？

Question

我如何建立我的樹枝模板圖像作物？

我有一個很大的圖像（450x600px），在前端輸出中我需要一個80x80px的圖像。

我使用symfony作爲前端的後端和樹枝。

我希望你能幫我一枝樹枝圖像作物。

感謝

Answer 1

正如所說的DarkBee，您可以使用LiipImagineBundle。

安裝完成後，您將不得不在config.yml中爲LiipImagine創建配置，然後您將有兩個選擇：在控制器中生成圖像或從樹枝過濾器生成圖像。

查看所有的細節和一些例子在這裏：https://github.com/liip/LiipImagineBundle（看部分「創建縮略圖」）

如果您選擇生成從樹枝過濾的圖像，你會寫這樣的事情在你的樹枝模板：

<img src="{{ asset('/your/image/path.jpg') | imagine_filter('your_filter_name') }}" /> 

完整的文檔可以在這裏找到：http://symfony.com/doc/current/bundles/LiipImagineBundle/index.html（數據加載器，緩存解析器，縮略圖，縮放，裁剪，帶，旋轉，水印，...）

Answer 2

我不使用PHP和組件做那個j OB。對我而言，使用Jquery更好，我發現了一個名爲jQuery-crop的簡單插件。

下面的代碼將幫助你這個插件：

$('img.crop').crop({ 
     width : 80, 
     height : 80 
    }); 

只需要選擇圖像元素。希望這對你有所幫助！