科尔多瓦相机插件扭曲长宽比

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

希望这会帮助你。