Ionic framework 如何在Ionic 3中调整图像大小而不降低质量和目标宽度和高度?

Ionic framework 如何在Ionic 3中调整图像大小而不降低质量和目标宽度和高度?,ionic-framework,camera,resize,ionic3,Ionic Framework,Camera,Resize,Ionic3,我想减少摄像头API拍摄的图像的大小,但质量降低不好。最好的办法是降低分辨率,但我不想对所有图像使用目标宽度和高度 例如,我希望图像宽度为1280,图像高度根据其比率自动更改,但在API中我应该使用精确的宽度和高度 如何通过图像比率动态更改高度 现在,我使用以下代码: this.camera.getPicture({ quality: 60, destinationType: this.camera.DestinationType.FILE_URI, sourceType: sou

我想减少摄像头API拍摄的图像的大小,但质量降低不好。最好的办法是降低分辨率,但我不想对所有图像使用目标宽度和高度

例如,我希望图像宽度为1280,图像高度根据其比率自动更改,但在API中我应该使用精确的宽度和高度

如何通过图像比率动态更改高度

现在,我使用以下代码:

 this.camera.getPicture({
  quality: 60,
  destinationType: this.camera.DestinationType.FILE_URI,
  sourceType: sourceType,
  mediaType: this.camera.MediaType.PICTURE,
  targetWidth: 1280,
  targetHeight: 1280,
  encodingType: this.camera.EncodingType.JPEG,
  saveToPhotoAlbum: (source === PictureSource.CAMERA),
  allowEdit: true
})

我在相机中使用图像大小调整器原生API,它可以正常工作。为“宽度”和“高度”指定值时,它会将一个值变大为目标值,并按原始比率调整另一个值。。 这是我的密码:

 this.camera.getPicture({
  destinationType: this.camera.DestinationType.FILE_URI,
  sourceType: sourceType,
  mediaType: this.camera.MediaType.PICTURE,
  encodingType: this.camera.EncodingType.JPEG,
  saveToPhotoAlbum: (source === PictureSource.CAMERA),
  allowEdit: true
})
  .then(imageUri => {
    this.imageResizer.resize({
      uri: imageUri,
      quality: 60,
      width: 1280,
      height: 1280
    }).then(uri => handler(uri))
  })
  .catch(error => console.warn(error))

}使用Cordova插件中的以下选项:

targetWidth:缩放图像的像素宽度。必须与目标灯一起使用。保持纵横比。(数目)

targetLight:缩放图像的高度(以像素为单位)。必须与targetWidth一起使用。保持纵横比。(数目)

像这样

var options = {
      quality: 100,
      sourceType: sourceType,
      saveToPhotoAlbum: false,
      correctOrientation: true,
      destinationType: this.camera.DestinationType.DATA_URL,
      targetWidth: 400,
      targetHeight: 400,
    };

// Get the data of an image
this.camera.getPicture(options).then((imageData) => {
//use the imageData as required.
}, (err) => {

}).catch((error) => {

  })

若你们能提到重要的导入,那个就太好了,在本例中,imageResizer的导入将使答案更具信息性。