我正在使用這一行來調整圖像的大小,並在需要時裁剪以獲取特定大小,但圖像即將伸出。流體作物調整大小調整圖像
{f:uri.image(image: newsItem.falMediaPreviews.1, width:420c, height:160c)}
如何讓圖像按比例縮放和裁剪?
我正在使用這一行來調整圖像的大小,並在需要時裁剪以獲取特定大小,但圖像即將伸出。流體作物調整大小調整圖像
{f:uri.image(image: newsItem.falMediaPreviews.1, width:420c, height:160c)}
如何讓圖像按比例縮放和裁剪?
如果你保持原有的新聞代碼的結構代替調用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。
謝謝,這工作。你知道這是爲什麼嗎? – user500665
不詳細,但我記得有一次相同的問題,併爲我解決它;-) – Scopestyle
也許......
{f:uri.image(image: newsItem.falMediaPreviews.1, minWidth:'420', minHeight:'160', maxWidth:'420', maxHeight:'160', width:'420c', height:'160c')}
我嘗試了你的建議,但沒有改變。 – user500665
這不提供問題的答案。一旦你有足夠的[聲譽](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-can- I-DO-代替)。 - [來自評論](/ review/low-quality-posts/18705688) –
你確定圖像被viewhelper拉伸或可能一些CSS代碼的原因?從我看到的,你應該得到一個完全420x160像素的圖像,從等於或大於420x160px的任何東西中裁剪出來。如果使用較小的圖像,您可能會因爲放大而得到不清晰的圖像,但不應以粗糙的圖像結束。順便說一句:你正在使用哪個版本的Typo3? –
@FabianSchöner我檢查過這個圖像,它肯定是被viewhelper拉伸了。我正在使用TYPO3 7.6.11 – user500665
圖像輸入的尺寸是什麼? –