1

1200x1200px の正方形の画像があります。ここで、すべての側面を 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}" />

しかし、これにより2つの同一の画像が得られます：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 に答える