科爾多瓦相機插件扭曲長寬比

Question

我遇到了科爾多瓦相機插件和離子2的問題。下面是我的代碼。

Camera.getPicture({ 
 
     targetWidth: 1500, 
 
     targetHeight:2500, 
 
     quality: 80, 
 
     destinationType: Camera.DestinationType.DATA_URL, 
 
     allowEdit: true, 
 
     encodingType: Camera.EncodingType.JPEG, 
 
     sourceType: Camera.PictureSourceType.CAMERA, 
 
     correctOrientation: true 
 
     })

我的問題是，一旦用戶改變了作物，圖像扭曲。如果我將寬度和高度設置爲相同，那麼它會創建一個正方形，並且不允許更改框的大小，並且裁剪工作正常，但寬度和高度的值不同，它允許用戶編輯框定量和那麼它會扭曲圖像。

我在這裏錯過了一招嗎？感覺它不應該允許我修改裁剪框的大小？

Answer 1

我正面臨同樣的問題，我有解決辦法。

在我的應用程序，

我沒有設定目標寬度和高度的插件，以及不使用allowEdit選項。

取而代之，我從插件中取出base64字符串，將其應用到圖像上並使用cropper.js裁剪捕獲圖像。

所以我總是得到所需的長寬比的圖像。

也爲更好的用戶體驗，我將使用外部JS人臉檢測像cropper.js

希望這會幫助你。