如何在React Native中使用OpenCV

暗物质

我发现的所有类似问题或多或少都没有答案。我想检测边缘并更改图像的透视图,OpenCV似乎是正确的选择。在Google搜索中会弹出一本非常冗长且令人困惑的指南。

暗物质

我终于能够将OpenCV与React Native一起使用。由于React Native不正式支持OpenCV,因此我们必须使用Native Modules当心,您将不得不使用Java来使用OpenCV功能。

  1. 下载OpenCV Android SDK。
  2. 解压缩zip文件。
  3. 打开Android Studio并打开React Native项目中的'android'文件夹。
  4. 文件>新建>导入模块
  5. 选择 OpenCV-android-sdk/sdk/java
  6. 将模块名称更改为opencv(或其他名称),然后取消选中下一个屏幕上的所有选项。
  7. 从左上方将显示从更改AndroidProject
  8. 开放式build.gradleopencv模块
  9. 更改apply plugin: 'com.android.application'apply plugin: 'com.android.library'(第一行)
  10. 删除这行 applicationId "org.opencv"
  11. 文件>项目结构,然后单击左侧的依赖项。
  12. 选择app并单击,+然后单击模块依赖性,然后选择opencv
  13. 创建一个android/app/src/main/名为的文件夹jniLibs
  14. 复制的内容OpenCV-android-sdk/sdk/native/libsjniLibs
  15. 如果您使用的是react-native-camera您的应用程序,则不会生成。为了解决这个问题加multiDexEnabled truedefaultConfig里面android/app/build.gradle
  16. 现在,从第7步开始,结束本博客
  17. 打开后 RNOpenCvLibraryModule.java
  18. 您编写的任何函数@ReactMethod都可以通过Javascript访问。
public void toGrayscale(String imageAsBase64, Callback errorCallback, Callback successCallback) { 
   try {
     // do your stuff here like Imgproc.cvtColor(mat, mat, Imgproc.COLOR_BGR2GRAY)
     // to return your processed image back to js use the following line
     successCallback.invoke(abc); 
   }
   catch (Exception e) {
            errorCallback.invoke(e.getMessage()); 
        }
}
  1. 内部JavaScript
  OpenCV.toGrayScale(img, (e) => console.log(e), (img) => {
    // do whatever you want with the processed img
  })

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在React Native中使用reactfire

来自分类Dev

如何在React Native中使用React.forwardRef()

来自分类Dev

如何在react-native中使用XML响应

来自分类Dev

如何在React Native中使用ES6

来自分类Dev

如何在MobX中使用React Native ListView?

来自分类Dev

如何在React Native中使用Fetch发布表单?

来自分类Dev

如何在我的React Native Android App中使用Crashlytics?

来自分类Dev

如何在React Native Android中使用TouchableNativeFeedback?

来自分类Dev

如何在React Native中使用数组映射JSON数据

来自分类Dev

如何在React Native中使用抽屉导航器?

来自分类Dev

如何在React Native中使用StackedAreaChart添加XAxis?

来自分类Dev

如何在Jest中使用NavigationEvents测试React Native组件

来自分类Dev

如何在React-Native中使用yield调用?

来自分类Dev

如何在带有钩子的React Native中使用refs?

来自分类Dev

如何在React Native Expo中使用按钮发送通知

来自分类Dev

如何在React Native中使用Infinite Scroll?

来自分类Dev

如何在React Native中使用ref清除Text组件

来自分类Dev

如何在React Native中使用switch执行条件渲染?

来自分类Dev

如何在React Native中使用断点进行调试

来自分类Dev

如何在React Native中使用Firebase实施Microsoft登录?

来自分类Dev

如何在React Native中使用本地图像

来自分类Dev

如何在React Native中使用AnimatedCircularProgress正确放置视图

来自分类Dev

如何在React Native中使用Ajax渲染组件?

来自分类Dev

我如何在 .where() - Firestore React Native 中使用 veriable ?

来自分类Dev

如何在 React Native 中使用 stackNavigation 更改屏幕?

来自分类Dev

如何在 React Native 中使用函数渲染组件

来自分类Dev

如何在 React-native 中使用 Picker 设置状态?

来自分类Dev

如何在 React Native 中使用 SQLAlchemy 数据库?

来自分类Dev

如何在 React-Native 或 Expo 的 fetch 中使用 headers

Related 相关文章

  1. 1

    如何在React Native中使用reactfire

  2. 2

    如何在React Native中使用React.forwardRef()

  3. 3

    如何在react-native中使用XML响应

  4. 4

    如何在React Native中使用ES6

  5. 5

    如何在MobX中使用React Native ListView?

  6. 6

    如何在React Native中使用Fetch发布表单?

  7. 7

    如何在我的React Native Android App中使用Crashlytics?

  8. 8

    如何在React Native Android中使用TouchableNativeFeedback?

  9. 9

    如何在React Native中使用数组映射JSON数据

  10. 10

    如何在React Native中使用抽屉导航器?

  11. 11

    如何在React Native中使用StackedAreaChart添加XAxis?

  12. 12

    如何在Jest中使用NavigationEvents测试React Native组件

  13. 13

    如何在React-Native中使用yield调用?

  14. 14

    如何在带有钩子的React Native中使用refs?

  15. 15

    如何在React Native Expo中使用按钮发送通知

  16. 16

    如何在React Native中使用Infinite Scroll?

  17. 17

    如何在React Native中使用ref清除Text组件

  18. 18

    如何在React Native中使用switch执行条件渲染?

  19. 19

    如何在React Native中使用断点进行调试

  20. 20

    如何在React Native中使用Firebase实施Microsoft登录?

  21. 21

    如何在React Native中使用本地图像

  22. 22

    如何在React Native中使用AnimatedCircularProgress正确放置视图

  23. 23

    如何在React Native中使用Ajax渲染组件?

  24. 24

    我如何在 .where() - Firestore React Native 中使用 veriable ?

  25. 25

    如何在 React Native 中使用 stackNavigation 更改屏幕?

  26. 26

    如何在 React Native 中使用函数渲染组件

  27. 27

    如何在 React-native 中使用 Picker 设置状态?

  28. 28

    如何在 React Native 中使用 SQLAlchemy 数据库?

  29. 29

    如何在 React-Native 或 Expo 的 fetch 中使用 headers

热门标签

归档