流体作物调整大小streatches图像

Question

我正在使用此行调整图像大小并裁剪（如果需要）以获得特定尺寸但图像会拉伸。

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

如何使图像按比例缩放并裁剪？

Answer 1

如果您在调用falMediaPreviews时保留原始新闻代码的结构，而不是直接在链接中调用它，该怎么办？

例如：

<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>

不确定是否需要所有这些，但看看输出是否仍然存在。

Answer 2

也许......

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