使p：imageCropper區域爲固定方塊

是否可以使用<p:imageCropper>按比例裁剪圖像？使p：imageCropper區域爲固定方塊

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

我會限制用戶只能在廣場格式裁剪圖像：

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

具有相同的寬度和高度

如此。我想避開一個矩形格式：

__________ 
    |   | 
    |__________| 

    or 
    _____ 
    |  | 
    |  |  
    |  | 
    |_____|

我該如何實現這個<p:imageCropper>？

來源

2015-09-25 Michał Ziembiński

你的意思是，你要裁剪區域的縱橫比爲1.0？你有沒有檢查過''[標籤文檔]（http://www.primefaces.org/docs/vdl/5.2/core/primefaces-p/imageCropper.html）/ [用戶指南]（http： //www.primefaces.org/documentation）/ [showcase]（http://www.primefaces.org/showcase/ui/multimedia/cropper.xhtml）的線索？ – BalusC

我真的從來沒有使用aspectRatio，我不知道什麼是使用此屬性 –

謝謝隊友。 aspectRatio是我在找什麼:) –

爲此，可以使用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" />

___________ 
|   | 
|   | 
|___________|

來源

2015-09-26 08:39:09 BalusC

使p：imageCropper區域爲固定方塊

回答

相關問題