我在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"/>
提前多多感谢!
答案 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/>
以渲染该裁剪变体的图像。