react native 中使用OpenCV4.3.0，并实现inpaint

本文链接：https://blog.csdn.net/weixin_44214515/article/details/119523045

这篇博客介绍了如何在reactnative 0.62.0环境中，基于react-native-opencv3的修改版使用OpenCV 4.3.0-contrib。文章详细阐述了遇到的问题及解决方案，包括修改build.gradle引用、修复保存图像错误、新增matToImage方法、增加对inpaint函数的支持以及绘制矩形方法。作者提供了完整的react-native-opencv4代码供需要者获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.【环境】

reactnative 0.62.0

react-native-opencv3 基础上做了修改，使用了4.3.0-contrib

com.quickbirdstudios:opencv:4.3.0-contrib

不要直接安装react-native-opencv3，因为只是在其基础上进行修改。从git上下载下代码

git clone GitHub - adamgf/react-native-opencv3: react-native-opencv3 wraps functionality from OpenCV Java SDK 3.4.4 + contrib modules and iOS OpenCV 3.4.1 + contrib modules for use in React-Native apps. Please enjoy!

2.【遇到的相关问题】

1）修改react-native-opencv3中的build.gradle，引用opencv4.3.0修改如下：

dependencies {
    implementation 'com.quickbirdstudios:opencv:4.3.0-contrib'
    implementation 'com.facebook.react:react-native:+'
}

2）针对react-native-opencv3中的各种bug的修复

a). react-native-opencv3中保存图像的错误修复

新增如下方法：

@ReactMethod
    public void imwrite(String outPath, ReadableMap srcMat, final Promise promise) {
        int matIndex = srcMat.getInt("matIndex");
        Mat mat = (Mat) MatManager.getInstance().matAtIndex(matIndex);
        FileUtils.getInstance().imwrite(outPath, mat, promise);
    }

 public static void imwrite(final String outpath, final Mat dst, final Promise promise) {
        try {
            if (outpath == null || outpath.length() == 0) {
                // TODO: if no path sent in then auto-generate??!!!?
                rejectInvalidParam(promise, outpath);
                return;
            }

            Imgcodecs.imwrite(outpath, dst);

            WritableNativeMap result = new WritableNativeMap();
            result.putInt("width", new Double(dst.size().width).intValue());
            result.p