使用边界框 react-native-camera 裁剪图像

Question

我的应用中有一个摄像头视图，其中有一个可调整大小的边界框

现在在拍摄图像后，我希望能够只拍摄被聚焦的图像部分，所以我使用了来自 this react-native library 的 ImageEditor

我遇到的问题是我没有得到一致的裁剪结果我目前有以下值 boxX盯着边界框的X位置； boxY注视边界框的Y位置； boxWidth边界框的宽度； boxHeight边界框的高度。

我一开始使用下面的代码

ImageEditor.cropImage(image.uri, 
                {
                    offset: {x: boxX, y: boxY},
                    size: {width: boxWidth, height: boxHeight},
                }
            )

这给出了一个非常像素化和非常错误的图像裁剪，我不知道为什么，然后我通过添加新变量（如图像宽度和高度以及设备宽度和高度）来添加一些计算，并想出了这段代码：

ImageEditor.cropImage(data.uri, 
                {
                    offset: {x: ((boxX)/deviceWidth)*data.width, y:((boxY)/deviceHeight)*data.height},
                    size: {width: boxWidth/deviceWidth*imageWidth, height: boxHeight/deviceHeight*imageHeight},

                }
            )

这要好得多，但在 Android 上的裁剪仍然是错误的，但在 iOS 上这似乎工作正常且准确，我的问题是如何实现这一点，如果我应该做任何计算以获得一致的结果，请告诉我.

Answer 1

对于图像裁剪，我认为您应该尝试：

1) https://github.com/ivpusic/react-native-image-crop-picker

它更常用，看起来维护得更好，可以简化你的工作。

或

2) 选择器和https://github.com/prscX/react-native-photo-editor

如果您想要更复杂的编辑。

或

3)如果您对当前适用于 iOS 的库感到满意，请使用上述 2 中的一种，仅适用于 android。

注意：这是 react-native-image-editor 的一个已知问题，尤其是对于 android。可以在此处找到可以在某些设备上运行的讨论和可能的解决方法：

https://github.com/callstack/react-native-image-editor/issues/54#issuecomment-754688978