1

我有一个 1200x1200 像素的方形图像。现在我想将所有边切断/修剪 80 像素，然后将其缩小到 275 像素。这怎么可能？

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

这只是缩小图像，所以我查看了imgResource 核心文档，它告诉我，您可以通过减去 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

4

1 回答 1

1

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

<f:image src="{f:uri.image(src: 'path/to/image.jpg', width: '1120c-93', height: '1120c-93')}" width="275" alt="" />
于 2013-07-24T11:51:40.960 回答