Question

我的方形图像为1200x1200像素。现在我想要将所有面切割/修剪80px，然后将其缩小到275px。这怎么可能？

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

这只是缩小图像，所以我看一下告诉我的imgResource Core Documentation，你可以通过减去x％来裁剪图像。

<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

Answer 1

您必须在内部调用中指定显式height，并且裁剪值必须小于原始图像大小。所以试试这个：

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

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

1 个答案: