2017-10-20 199 views
0

我正在使用这一行来调整图像的大小,并在需要时裁剪以获取特定大小,但图像即将伸出。流体作物调整大小调整图像

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

如何让图像按比例缩放和裁剪?

+0

你确定图像被viewhelper拉伸或可能一些CSS代码的原因?从我看到的,你应该得到一个完全420x160像素的图像,从等于或大于420x160px的任何东西中裁剪出来。如果使用较小的图像,您可能会因为放大而得到不清晰的图像,但不应以粗糙的图像结束。顺便说一句:你正在使用哪个版本的Typo3? –

+0

@FabianSchöner我检查过这个图像,它肯定是被viewhelper拉伸了。我正在使用TYPO3 7.6.11 – user500665

+0

图像输入的尺寸是什么? –

回答

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> 

不知道,如果你需要的一切,但看到如果输出仍然disformed。

+0

谢谢,这工作。你知道这是为什么吗? – user500665

+0

不详细,但我记得有一次相同的问题,并为我解决它;-) – Scopestyle

-1

也许......

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

我尝试了你的建议,但没有改变。 – user500665

+0

这不提供问题的答案。一旦你有足够的[声誉](https://stackoverflow.com/help/whats-reputation),你将可以[对任何帖子发表评论](https://stackoverflow.com/help/privileges/comment);相反,[提供不需要提问者澄清的答案](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-c​​an- I-DO-代替)。 - [来自评论](/ review/low-quality-posts/18705688) –