在没有UI的情况下离子裁剪图像

时间:2018-08-13 14:07:41

标签: javascript cordova ionic-framework crop aspect-ratio

问题

一段时间以来,我一直在尝试使用camera preview插件将相机拍摄的base64图像裁剪为4:3分辨率而没有成功,而用户没有进行任何裁剪输入。

到目前为止,我尝试过的大多数插件都强制使用UI,但出于我的目的,它必须裁剪为4:3,然后以相同的分辨率发送到服务器。

我尝试过的事情

我尝试调整离子本机插件,但未成功。 我也尝试了许多其他论坛帖子中建议的不同的Cordova插件,例如:

  

据我所知,所有这些都强制使用UI,并且不允许您指定宽高比。

1 个答案:

答案 0 :(得分:1)

在我们的应用中,我们还需要裁剪照片。但是事实证明(尤其是在Android设备上),拍照后的裁剪方式取决于品牌,型号甚至是相机应用。

在Ionic 3中,相机插件具有选项allowEdit。将其设置为true会产生一些副作用。例如,一些用户以非常奇怪的宽高比(例如:1:15)裁剪了图片,因此宽度很小,高度很大。当您允许用户编辑图片时,请记住这一点。

为了获得稳定的农作物,我们已经实现了农作物服务器端。为了加快处理速度,我们只在客户端上调整图片大小,然后将调整后的图片上传到服务器。