react-native-rectangle-doc-scanner 0.27.0 → 0.28.0

package/dist/DocScanner.js

@@ -150,33 +150,29 @@ const DocScanner = ({ onCapture, overlayColor = '#e7a649', autoCapture = true, m
             step = 'cvtColor';
             reportStage(step);
             react_native_fast_opencv_1.OpenCV.invoke('cvtColor', mat, mat, react_native_fast_opencv_1.ColorConversionCodes.COLOR_BGR2GRAY);
-            // Apply bilateral filter for better edge preservation
-            step = 'bilateralFilter';
-            reportStage(step);
-            const filtered = react_native_fast_opencv_1.OpenCV.createObject(react_native_fast_opencv_1.ObjectType.Mat);
-            react_native_fast_opencv_1.OpenCV.invoke('bilateralFilter', mat, filtered, 9, 75, 75);
-            // Use adaptive threshold for better contrast in varying lighting
-            step = 'adaptiveThreshold';
+            // Apply Gaussian blur to reduce noise
+            const gaussianKernel = react_native_fast_opencv_1.OpenCV.createObject(react_native_fast_opencv_1.ObjectType.Size, 5, 5);
+            step = 'GaussianBlur';
             reportStage(step);
-            const thresh = react_native_fast_opencv_1.OpenCV.createObject(react_native_fast_opencv_1.ObjectType.Mat);
-            react_native_fast_opencv_1.OpenCV.invoke('adaptiveThreshold', filtered, thresh, 255, 1, 1, 11, 2);
-            // Morphological operations to clean up noise
+            react_native_fast_opencv_1.OpenCV.invoke('GaussianBlur', mat, mat, gaussianKernel, 0);
+            // Morphological operations to enhance edges
             const morphologyKernel = react_native_fast_opencv_1.OpenCV.createObject(react_native_fast_opencv_1.ObjectType.Size, 3, 3);
             step = 'getStructuringElement';
             reportStage(step);
             const element = react_native_fast_opencv_1.OpenCV.invoke('getStructuringElement', react_native_fast_opencv_1.MorphShapes.MORPH_RECT, morphologyKernel);
             step = 'morphologyEx';
             reportStage(step);
-            react_native_fast_opencv_1.OpenCV.invoke('morphologyEx', thresh, mat, react_native_fast_opencv_1.MorphTypes.MORPH_CLOSE, element);
-            // Apply Gaussian blur before Canny for smoother edges
-            const gaussianKernel = react_native_fast_opencv_1.OpenCV.createObject(react_native_fast_opencv_1.ObjectType.Size, 5, 5);
-            step = 'GaussianBlur';
-            reportStage(step);
-            react_native_fast_opencv_1.OpenCV.invoke('GaussianBlur', mat, mat, gaussianKernel, 0);
-            // Use higher Canny thresholds for cleaner edges
+            react_native_fast_opencv_1.OpenCV.invoke('morphologyEx', mat, mat, react_native_fast_opencv_1.MorphTypes.MORPH_CLOSE, element);
+            // Canny edge detection with optimized thresholds
             step = 'Canny';
             reportStage(step);
             react_native_fast_opencv_1.OpenCV.invoke('Canny', mat, mat, 50, 150);
+            // Dilate edges slightly to connect nearby contours
+            step = 'dilate';
+            reportStage(step);
+            const dilateKernel = react_native_fast_opencv_1.OpenCV.createObject(react_native_fast_opencv_1.ObjectType.Size, 2, 2);
+            const dilateElement = react_native_fast_opencv_1.OpenCV.invoke('getStructuringElement', react_native_fast_opencv_1.MorphShapes.MORPH_RECT, dilateKernel);
+            react_native_fast_opencv_1.OpenCV.invoke('dilate', mat, mat, dilateElement);
             step = 'createContours';
             reportStage(step);
             const contours = react_native_fast_opencv_1.OpenCV.createObject(react_native_fast_opencv_1.ObjectType.PointVectorOfVectors);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-rectangle-doc-scanner",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {

package/src/DocScanner.tsx

@@ -167,38 +167,33 @@ export const DocScanner: React.FC<Props> = ({
       reportStage(step);
       OpenCV.invoke('cvtColor', mat, mat, ColorConversionCodes.COLOR_BGR2GRAY);
 
-      // Apply bilateral filter for better edge preservation
-      step = 'bilateralFilter';
-      reportStage(step);
-      const filtered = OpenCV.createObject(ObjectType.Mat);
-      OpenCV.invoke('bilateralFilter', mat, filtered, 9, 75, 75);
-
-      // Use adaptive threshold for better contrast in varying lighting
-      step = 'adaptiveThreshold';
+      // Apply Gaussian blur to reduce noise
+      const gaussianKernel = OpenCV.createObject(ObjectType.Size, 5, 5);
+      step = 'GaussianBlur';
       reportStage(step);
-      const thresh = OpenCV.createObject(ObjectType.Mat);
-      OpenCV.invoke('adaptiveThreshold', filtered, thresh, 255, 1, 1, 11, 2);
+      OpenCV.invoke('GaussianBlur', mat, mat, gaussianKernel, 0);
 
-      // Morphological operations to clean up noise
+      // Morphological operations to enhance edges
       const morphologyKernel = OpenCV.createObject(ObjectType.Size, 3, 3);
       step = 'getStructuringElement';
       reportStage(step);
       const element = OpenCV.invoke('getStructuringElement', MorphShapes.MORPH_RECT, morphologyKernel);
       step = 'morphologyEx';
       reportStage(step);
-      OpenCV.invoke('morphologyEx', thresh, mat, MorphTypes.MORPH_CLOSE, element);
-
-      // Apply Gaussian blur before Canny for smoother edges
-      const gaussianKernel = OpenCV.createObject(ObjectType.Size, 5, 5);
-      step = 'GaussianBlur';
-      reportStage(step);
-      OpenCV.invoke('GaussianBlur', mat, mat, gaussianKernel, 0);
+      OpenCV.invoke('morphologyEx', mat, mat, MorphTypes.MORPH_CLOSE, element);
 
-      // Use higher Canny thresholds for cleaner edges
+      // Canny edge detection with optimized thresholds
       step = 'Canny';
       reportStage(step);
       OpenCV.invoke('Canny', mat, mat, 50, 150);
 
+      // Dilate edges slightly to connect nearby contours
+      step = 'dilate';
+      reportStage(step);
+      const dilateKernel = OpenCV.createObject(ObjectType.Size, 2, 2);
+      const dilateElement = OpenCV.invoke('getStructuringElement', MorphShapes.MORPH_RECT, dilateKernel);
+      OpenCV.invoke('dilate', mat, mat, dilateElement);
+
       step = 'createContours';
       reportStage(step);
       const contours = OpenCV.createObject(ObjectType.PointVectorOfVectors);