如何在树枝模板中裁剪图像？

Question

我如何在我的树枝模板中构建图像裁剪？

我有一个大图像（450x600px），在前端输出中我需要一个80x80像素的图像。

我使用symfony作为Backend和twig for the Frontend。

我希望你能帮助我做一个枝条图像裁剪。

由于

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和组件来完成这项工作。对我来说，最好使用Jquery，我发现了一个名为jQuery-crop的简单插件。

以下代码可以帮助您使用此插件：

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

只需要选择图像元素。希望这能帮到你！