2017-10-20 11 views
0

私はこのラインを使用して画像のサイズを変更し、必要に応じて特定のサイズを取得するためにトリミングしますが、画像が伸びてきています。液体クロップリサイズストリーチズ画像

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

イメージを比例させて切り取るにはどうすればよいですか?たぶん

+0

画像がビューヘルパーによってぼやけてしまったり、CSSコードが原因である可能性がありますか?私が見るところでは、ちょうど420x160ピクセルの画像を、420x160pxと等しいかそれより大きいものから切り取った画像を取得する必要があります。小さな画像を使用している場合は、アップスケーリングのために不鮮明な画像が得られるかもしれませんが、ぎっしりとした画像にならないようにしてください。 Btw:どのバージョンのTypo3を実行していますか? –

+0

@FabianSchöner私はイメージを検査しました。それは間違いなくビューヘルパーによって引き伸ばされています。私は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-代わりに)。 - [レビューの投稿](レビュー/低品質の投稿/ 18705688) –

関連する問題