javascript - 如何在混合应用程序中移动这个有缺陷的原生裁剪框？

Question

我们有一个像这样访问 $cordovaCamera 的 Ionic 应用程序:

$cordovaCamera.getPicture({ allowEdit: true });

还有更多选项传入等等，但上面只是说明我们传入了allowEdit标志。如果有人不熟悉，这里是the docs说:

allowEdit: Allow simple editing of image before selection. (Boolean)

这非常有效。在我从图库中选择图片或拍照后，它会转到其原生的“编辑” View ，用户可以在其中裁剪图像。

流程如下:

Take Photo > Edit (crop) > Upload to the interwebs
Select Photo > Edit (crop) > Upload to the interwebs

在 Android 上，您可以调整裁剪区域的大小并四处移动。

在 iOS 上，您无法移动裁剪区域(除非您先放大)，并且您根本无法调整裁剪区域的大小。

这只是我们不得不忍受的 iOS 怪癖，还是有某种方法可以解决这个问题？这发生在 iOS 8.3 中。

屏幕截图即将推出

编辑

Here's the video demonstrating the problem .

在0:16，您会发现无法移动裁剪框。 (这发生在装有 iOS 8.2 的 iPod Touch 上，但它也发生在同时装有 iOS 8.2 和 8.3 的几款 iPhone 6 设备上)。但是，这不会发生在 Android 上。因此，有理由相信这是原生 iOS 问题，而不是 Ionic/Cordova 问题(或者，这可能是 Ionic 与 iOS 交互方式的问题)。

在0:22，一旦用户放大，用户就可以实际移动裁剪框。

另一个更新(这很重要)

只有在拍照时才会出现这个bug。当您从您的图库中选择一张现有照片时，裁剪工具会按预期工作...

Answer 1

如果您在 UIImagePickerController 上启用 allowsEditing，iOS 会内置裁剪工具

UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
[imagePicker setAllowsEditing:YES];

如果您想要不同的裁剪工具，则必须自己制作或使用开源项目。

这里是一些项目:

• https://github.com/dzenbot/DZNPhotoPickerController
• https://github.com/ruslanskorb/RSKImageCropper
• https://github.com/kishikawakatsumi/PEPhotoCropEditor