首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Twig过滤器调整模板中的图像大小/裁剪

使用Twig过滤器调整模板中的图像大小/裁剪
EN

Drupal用户
提问于 2019-05-20 11:37:08
回答 1查看 1.7K关注 0票数 -3

我想使用细枝过滤器来调整Drupal 8模板中的图像大小/裁剪图像,用于响应图像,我知道我可以生成具有图像样式和响应性图像样式的响应图像,但这需要在3个不同的配置页面中进行过多的单击。

我更喜欢这样的东西:

代码语言:javascript
复制
<img 
srcset="{{ image_url|crop(1000, 1000) }} 1000w, {{ image_url|crop(500, 500) }} 
500w,"
sizes="..."
src="{{ image_url|crop(1000, 1000) }}"/>

或者像LiipImagineBundle https://symfony.com/doc/master/bundles/LiipImagineBundle/basic-usage.html这样的东西

有人知道能不能用Drupal 8

EN

回答 1

Drupal用户

回答已采纳

发布于 2019-05-21 17:04:55

经过一些研究,我发现这是可能的使用图像样式和细枝调整

我创建了两个图像样式,缩放和裁剪:

  • scale_crop_1000_1000
  • scale_crop_500_500

它是这样的:

代码语言:javascript
复制
<img srcset="{{ node.field_image.entity.uri.value | image_style('scale_crop_1000_1000') } 1000w, 
{{ node.field_image.entity.uri.value | image_style('scale_crop_500_500') } 500w",
sizes="..."
src="{{ node.field_image.entity.uri.value | image_style('scale_crop_1000_1000') }" /> 
票数 -3
EN
页面原文内容由Drupal提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://drupal.stackexchange.com/questions/281347

复制
相关文章

相似问题

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