流体裁剪调整大小拉伸图像

Question

我正在使用此行调整图像大小并根据需要裁剪以获得特定尺寸，但图像被拉伸了。

{f:uri.image(image: newsItem.falMediaPreviews.1, width:420c, height:160c)}

如何让图片按比例缩放和裁剪？

Answer 1

也许……

{f:uri.image(image: newsItem.falMediaPreviews.1, minWidth:'420', minHeight:'160', maxWidth:'420', maxHeight:'160', width:'420c', height:'160c')}

Answer 2

如果您在调用 falMediaPreviews 时保留原始新闻代码的结构，而不是直接在您的 link 中调用它会怎么样。

例如：

<f:if condition="{newsItem.falMediaPreviews}">
    <f:then>
        <f:alias map="{mediaElement: newsItem.falMediaPreviews.1}">
            <f:if condition="{mediaElement.originalResource.type} == 2">
                {f:uri.image(src:mediaElement.uid, treatIdAsReference:1, width:'420c', height: '160c', absolute: '1')}
            </f:if>
        </f:alias>
    </f:then>
</f:if>

不确定您是否需要所有这些，但看看输出是否仍然变形。

流体裁剪调整大小拉伸图像

Fluid crop resize streatches image

typo3

fluid

typo3-7.6.x