创建全景模式React Native

时间:2017-09-11 17:10:47

标签: react-native camera geometry blob

我如何使用react native来模拟IOS上的pano模式?我的用例是我需要能够从180度表面读取文本(使用OCR)(考虑阅读可乐瓶的文本)。我看到了几种选择:

  1. 让用户拍两张或三张照片。这有两个问题:(a)它不是特别用户友好,(b)某些内容可能出现在照片A和照片B中,或者只出现在A或B中。合并结果似乎很混乱。
  2. 如上所示拍摄多张照片,但以编程方式合并它们。这听起来像已经是全景图片的基础。由于照片不会在后端活动之外使用,因此它不一定非常好看。困难在于我没有遇到任何图书馆帮助解决这个问题或指导我如何做到这一点。
  3. 拍摄视频。提取框架,为我们提供适当的信息。我们可以通过不实际拍摄视频来提高性能,而是按照预设的时间间隔拍摄照片。
  4. 我正在使用“react-native-camera”库,但在下面我提供了一个片段来展示我的思维过程。我对语法不感兴趣,而是解决方案。

    takePic() {
        let self = this;
        self.takePicture()
        .then(pic1 => {
            setTimeout(function() {
                self.takePicture
                    .then(pic2 => {
                        self.mergePictures(pic1, pic2); // what would this 
                    })
            }, 500);
    
        })
        .catch(err => console.error(err));
    }
    merge(pic1, pic2) {
        // find common boundary?
        // merge along common boundary
    }
    

1 个答案:

答案 0 :(得分:0)

就技术方面而言,我将两个图像发送到python lambda函数进行处理。我使用OpenCV将图像拼接在一起并将合成图像翻译过来。

前端拍摄两张照片,一张照片是最初按下按钮的照片,另一张是照片发布时的照片。我想最终最小化图像并将它们添加到中间的水平条(或多或少像IOS一样)。但上述解决方案符合我的要求,并且对项目而言足够高效。

如果有人对特定代码感兴趣,我将很乐意编辑答案并提供更多详细信息。