jsf - 使 p :imageCropper area a fixed square

Question

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

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

我会限制用户只能以方形格式裁剪图像:

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

所以宽度和高度相同。我想避免使用矩形格式:

   __________
  |          |
  |__________|

   or
    _____
   |     |
   |     |      
   |     |
   |_____|

如何通过 <p:imageCropper> 实现此目的？

Answer 1

为此，可以使用采用double 的aspectRatio 属性。值为 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" />

  ___________
 |           |
 |           |
 |___________|