TYPO3裁剪流体图像

时间:2018-05-11 13:24:15

标签: typo3

我在BE中有歪曲的图像。如何在流体中显示出歪曲的图像?

我有磕磕碰碰的字段:

crop => '{"default":{"cropArea":{"height":0.24482758620689654,"width":0.4379310344827
         586,"x":0,"y":0.5586206896551724},"selectedRatio":"16:9","focusArea":null}}' (151 chars)

我试着流畅地说:

<f:image image="{file}" crop="{file.crop}" class="main-img"/>

提前多多感谢!

2 个答案:

答案 0 :(得分:2)

据我所知,如果你只使用默认的cropvariant,你不需要告诉f:image ViewHelper关于裁剪的任何事情。但我在Mittwald托管的网站上遇到了一些问题 - 无法以某种方式裁剪的GraphicsMagick版本(在其他Mittwald托管网站上,它使用相同的GM版本)。 所以我刚刚在前端有裁剪问题的网站上切换到ImageMagick,然后就可以了。 如果GM和裁剪出现问题,默认的内容元素甚至不会在后端预览(文本和媒体元素)中显示裁剪的变体

答案 1 :(得分:0)

crop属性用于手动裁剪图像。你在寻找的是the cropVariant attribute。如果您自己没有添加任何裁剪变体,那么您很可能至少拥有default裁剪变体,因此您的代码段应该如下所示:

<f:image image="{file}" cropVariant="default" class="main-img"/>

对于每个其他裁剪变体,您添加另一个<f:image/>以渲染该裁剪变体的图像。