首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Twig模板中裁剪图像?

如何在Twig模板中裁剪图像?
EN

Stack Overflow用户
提问于 2017-02-21 05:24:55
回答 2查看 3.3K关注 0票数 0

我如何在我的小枝模板中建立一个图像裁剪?

我有一个大的图像(450x600px),在前端输出我需要一个80x80px的图像。

我使用symfony作为后端,twig作为前端。

我希望你能帮助我的树枝图像裁剪。

谢谢

EN

回答 2

Stack Overflow用户

发布于 2017-02-21 17:11:15

正如DarkBee所说,您可以使用LiipImagineBundle。

安装完成后,您必须在config.yml中为LiipImagine创建一个配置,然后您将有两个选择:在控制器中生成镜像或从细枝过滤器生成镜像。

在这里查看所有细节和一些示例:https://github.com/liip/LiipImagineBundle (查看“创建缩略图”一节)

如果您选择从twig滤镜生成图像,您将在twig模板中编写类似以下内容:

代码语言:javascript
运行
复制
<img src="{{ asset('/your/image/path.jpg') | imagine_filter('your_filter_name') }}" />

完整的文档可以在这里找到:http://symfony.com/doc/current/bundles/LiipImagineBundle/index.html (数据加载器,缓存解析器,缩略图,缩放,裁剪,条带,旋转,水印,...)

票数 2
EN

Stack Overflow用户

发布于 2017-02-23 04:59:08

我不使用PHP和组件来完成这项工作。对我来说,使用Jquery更好,我找到了一个名为jQuery-crop的简单插件。

下面的代码可以帮助你使用这个插件:

代码语言:javascript
运行
复制
 $( 'img.crop' ).crop( {
        width  : 80, 
        height : 80
    } );

只需选择图像元素即可。希望这对你有帮助!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42354487

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档