流体中的TYPO3作物图像

Question

我在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"/>

在此先多谢！

Answer 1

据我所知，如果仅使用默认的cropvariant，则无需告诉f：image ViewHelper有关裁剪的任何信息。 但是我在Mittwald托管的网站上遇到了一些问题-那里的GraphicsMagick版本无法以某种方式裁剪（在其他Mittwald托管的网站上，它使用相同的GM版本）。 因此，我只是在前端裁剪出现问题的站点上切换到ImageMagick，然后就可以了。 如果GM和裁切出现问题，则默认内容元素甚至不会在后端预览中显示裁切后的变体（文本和媒体元素）

Answer 2

crop属性用于手动裁剪图像。 您要查找的是cropVariant属性 。 如果您自己未添加任何作物变体，则很可能至少会使用default作物变体，因此您的代码段应如下所示：

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

对于每个其他作物变体，您都添加另一个<f:image/>来渲染该作物变体的图像。