Ionic framework 如何在Ionic 3中调整图像大小而不降低质量和目标宽度和高度?
我想减少摄像头API拍摄的图像的大小,但质量降低不好。最好的办法是降低分辨率,但我不想对所有图像使用目标宽度和高度 例如,我希望图像宽度为1280,图像高度根据其比率自动更改,但在API中我应该使用精确的宽度和高度 如何通过图像比率动态更改高度 现在,我使用以下代码: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
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的导入将使答案更具信息性。