2013-07-24 124 views
1

我有一个1200x1200px的正方形图像。现在我想切掉/修剪所有面80px,然后缩小到275px。这怎么可能?TYPO3流体:f:图像裁剪图像然后缩放

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

这只是按比例缩小的形象,所以我在那个告诉我,你可以通过减去百分之x裁剪图像imgResource Core Documentation接过来一看。

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

1200px的93%约为1120px。

接下来的尝试是第一次裁剪,然后缩放,但似乎根本无法修剪方形图像。

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

有没有人有任何建议如何解决这个问题?

编辑

所以我试着用固定的宽度和高度如下:

<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}" /> 

但是这给了我两个相同的图片:http://img545.imageshack.us/img545/204/nsuo.png

回答

1

您必须指定明确的height内部调用和裁切值必须小于原始图像大小。所以试试这一个:

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

请参阅上方的编辑问题。 :) – internerz

+0

你可以尝试在尺寸属性中省略'-50'吗?我已经在4.7安装中使用了一个示例图像来尝试它,它按预期工作(我在我的尝试中忽略了'-93')。你使用哪种TYPO3版本? – Michael

+0

真是太遗憾了,它看起来像是一件容易的事情......我使用T3 6.1.1,我也尝试过使用4.7.11,但是我总是得到一个缩小的图像。有或没有'c','c'和'maxWidth','maxHeight','width'或'height'之后的负数或正数。我想,我尝试了所有可能的组合。 :( – internerz