Cordova相机插件扭曲纵横比

时间:2017-04-24 02:06:09

标签: cordova ionic2 cordova-plugins

我在使用Cordova相机插件和离子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
      })




我的问题是,一旦用户更改裁剪,图像就会扭曲。如果我使宽度和高度相同,那么它会形成一个正方形并且不允许更改框尺寸并且裁剪工作正常,但是使用不同的宽度和高度值,它允许用户编辑框口粮然后它扭曲了形象。

我在这里错过了一招吗?感觉它不应该允许我修改裁剪框大小?

1 个答案:

答案 0 :(得分:2)

我遇到了同样的问题,我已经解决了。

在我的申请中,

我没有为插件设置目标宽度和高度,也没有使用allowEdit选项。

而不是我从插件中获取base64字符串,将其应用于图像并使用cropper.js来裁剪捕获图像。

所以我总是得到所需宽高比的图像。

为了更好的用户体验,我使用外部js进行面部检测,如cropper.js

希望这会对你有所帮助。