TYPO3流体：f：图像修剪图像，然后缩放

Question

I have a square image of 1200x1200px. Now I want to cut off / trim all sides by 80px and then scale it down to 275px. How is this possible?

<f:image src="path/to/image.jpg" width="275c" />

This just scales down the image, so I took a look at the imgResource Core Documentation that told me, you can crop images by substracting x percent.

<f:image src="path/to/image.jpg" width="1120c-93" height="1120c-93" />

93% of 1200px are roughly 1120px.

Next try was to first crop, then scale, but it seems that I'm not able to trim a square image at all.

<f:image src="{f:uri.image(src: 'path/to/image.jpg', width: '1200c-93')}" width="275" />

Does anyone have any suggestions how to solve the problem?

Edit

So I tried the following with fixed width and height:

<f:image src="{f:uri.image(src: '{item.imagePath}image_001.jpg', width: '1120c-50', height: '1120c-50')}" width="275" height="275" alt="{item.name}" />
<f:image src="{item.imagePath}image_001.jpg" alt="{item.name}" width="275" alt="{item.name}" />

But this gives me two identical images: http://img545.imageshack.us/img545/204/nsuo.png

Answer 1

You have to specify an explicit height in the inner call and the crop values must be smaller than the original image size. So try this one:

<f:image src="{f:uri.image(src: 'path/to/image.jpg', width: '1120c-93', height: '1120c-93')}" width="275" alt="" />