jsf - 使 p:imageCropper 区域成为一个固定的正方形

Question

是否可以使用按比例裁剪图像<p:imageCropper>？

<p:imageCropper value="#{registerPetForm.croppedImage}" image="#{registerPetForm.uploadedFilename}" />

我会限制用户仅以方形格式裁剪图像：

  ______
 |      |  |  |
 |      |  |  |
 |______|  V  |
 -------->    |
 _____________|

所以具有相同的宽度和高度。我想避免使用矩形格式：

   __________
  |          |
  |__________|

   or
    _____
   |     |
   |     |      
   |     |
   |_____|

我怎样才能做到这一点<p:imageCropper>？

score 2 · Accepted Answer

为此，aspectRatio可以使用带有double. 的值1.0将使它成为一个精确的平方。

<p:imageCropper ... aspectRatio="1.0" />

  ______
 |      |
 |      |
 |______|

纵横比表示宽度应该是高度的多少倍。因此，小于的值1.0，例如0.5，将使宽度成为0.5高度的倍数。

<p:imageCropper ... aspectRatio="0.5" />

  ______
 |      |
 |      |
 |      |
 |      |
 |______|

并且，大于的值1.0，例如1.5，将使宽度成为1.5高度的倍数。

<p:imageCropper ... aspectRatio="1.5" />

  ___________
 |           |
 |           |
 |___________|

1 回答 1