没有 UI 的离子裁剪图像

Question

问题

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

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

我试过的

我试过调整离子本机插件但没有成功。 我也尝试过许多不同的 Cordova 插件，这些插件是从其他论坛帖子中推荐的，例如：

• Cropper.js

• Croppr.js

• Cordova Plugin Crop - without the ionic native side

• iCrop

据我所知，所有这些都强制 UI 并且不允许您指定纵横比。

Answer 1

在我们的应用程序中，我们也需要裁剪图片。然而，事实证明（尤其是在 Android 设备上）拍照后裁剪的方式取决于品牌、型号甚至相机应用程序。

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

为了获得一致的作物，我们实施了裁剪服务器端。为了加快处理速度，我们只在客户端调整图片大小，然后将调整后的图片上传到服务器。