From 4fd8e21ac3cfa2abf349134d1c0eba39513370c8 Mon Sep 17 00:00:00 2001
From: Soumi150 <56203058+Soumi150@users.noreply.github.com>
Date: Fri, 17 Mar 2023 20:58:52 +0530
Subject: [PATCH] Add filter2D

---
 imagelab_electron/imagelab-blocks.js          | 23 +++++++++
 imagelab_electron/index.html                  |  1 +
 imagelab_electron/operations.js               |  1 +
 imagelab_electron/src/controller/main.js      |  7 +++
 .../src/operator/filtering/Filter2D.js        | 49 +++++++++++++++++++
 5 files changed, 81 insertions(+)
 create mode 100644 imagelab_electron/src/operator/filtering/Filter2D.js

diff --git a/imagelab_electron/imagelab-blocks.js b/imagelab_electron/imagelab-blocks.js
index 8bd49e6..51d9b46 100644
--- a/imagelab_electron/imagelab-blocks.js
+++ b/imagelab_electron/imagelab-blocks.js
@@ -781,6 +781,29 @@ Blockly.defineBlocksWithJsonArray([
       "Erosion is quite a similar process as dilation. With this procedure the areas of dark regions grow in size and bright regions reduce. The size of an object in white shade or bright shade increases. while it decreases in white shade or bright shade",
     helpUrl: "",
   },
+  {
+    type: "filtering_filter2d",
+    message0: "Apply filter2d with ddepth %1 and kernel %2",
+    args0: [
+      {
+        type: "field_number",
+        name: "ddepth",
+        value: -1,
+      },
+      {
+        type: "field_number",
+        name: "kernelSize",
+        value: 2,
+      },
+    ],
+    inputsInline: true,
+    previousStatement: null,
+    nextStatement: null,
+    colour: 135,
+    tooltip:
+      "Filter2D operation can be used to convolve an image with a kernel of a specific shape ",
+    helpUrl: "",
+  },
   {
     type: "filtering_bilateral",
     message0:
diff --git a/imagelab_electron/index.html b/imagelab_electron/index.html
index 37bdbad..00c04fd 100644
--- a/imagelab_electron/index.html
+++ b/imagelab_electron/index.html
@@ -146,6 +146,7 @@
                   <block type="filtering_pyramiddown"></block>
                   <block type="filtering_erosion"></block>
                   <block type="filtering_dilation"></block>
+                  <block type="filtering_filter2d"></block>
                   <block type="filtering_morphological"></block>
                 </category>
                 <category
diff --git a/imagelab_electron/operations.js b/imagelab_electron/operations.js
index 43d40ed..41601eb 100644
--- a/imagelab_electron/operations.js
+++ b/imagelab_electron/operations.js
@@ -20,6 +20,7 @@ const PROCESS_OPERATIONS = {
   PYRAMIDDOWN: "filtering_pyramiddown",
   EROSION: "filtering_erosion",
   DILATION: "filtering_dilation",
+  FILTER2D: "filtering_filter2d",
   MORPHOLOGICAL: "filtering_morphological",
 };
 
diff --git a/imagelab_electron/src/controller/main.js b/imagelab_electron/src/controller/main.js
index 2afe87e..a039334 100644
--- a/imagelab_electron/src/controller/main.js
+++ b/imagelab_electron/src/controller/main.js
@@ -1,3 +1,4 @@
+const { FILTER2D } = require("../../operations");
 const PROCESS_OPERATIONS = require("../../operations");
 const ReadImage = require("../operator/basic/ReadImage");
 const WriteImage = require("../operator/basic/WriteImage");
@@ -14,6 +15,7 @@ const BilateralFilter = require("../operator/filtering/BilateralFilter");
 const BoxFilter = require("../operator/filtering/BoxFilter");
 const Dilation = require("../operator/filtering/Dilation");
 const Erosion = require("../operator/filtering/Erosion");
+const Filter2D = require("../operator/filtering/Filter2D");
 const Morphological = require("../operator/filtering/Morphological");
 const PyramidDown = require("../operator/filtering/PyramidDown");
 const PyramidUp = require("../operator/filtering/PyramidUp");
@@ -204,6 +206,11 @@ class MainController {
           new Dilation(PROCESS_OPERATIONS.DILATION, id)
         );
         break;
+      case PROCESS_OPERATIONS.FILTER2D:
+        this.#appliedOperators.push(
+          new Filter2D(PROCESS_OPERATIONS.FILTER2D, id)
+        );
+        break;
       case PROCESS_OPERATIONS.MORPHOLOGICAL:
         this.#appliedOperators.push(
           new Morphological(PROCESS_OPERATIONS.MORPHOLOGICAL, id)
diff --git a/imagelab_electron/src/operator/filtering/Filter2D.js b/imagelab_electron/src/operator/filtering/Filter2D.js
new file mode 100644
index 0000000..5c8f818
--- /dev/null
+++ b/imagelab_electron/src/operator/filtering/Filter2D.js
@@ -0,0 +1,49 @@
+const OpenCvOperator = require("../OpenCvOperator");
+
+/**
+ * This class contains the main logic to add Filter2D
+ * to an image
+ */
+
+class Filter2D extends OpenCvOperator {
+  #kernelSize = 2;
+  #ddepth = -1;
+  constructor(type, id) {
+        super(type, id);
+  }
+
+  setParams(type, value) {
+    if (type === "kernelSize") {
+      this.#kernelSize = value;
+    } else if (type === "ddepth") {
+      this.#ddepth = value;
+    } 
+  }
+
+
+  /**
+   *
+   * @param {Mat} image
+   * @returns
+   *
+   * This function processes the filter2D
+   * to the mat image
+   */
+  compute(image) {
+    const dst = new this.cv2.Mat();
+    let M = this.cv2.Mat.eye(this.#kernelSize, this.#kernelSize, this.cv2.CV_32FC1);
+    let anchor = new this.cv2.Point(-1, -1);
+    this.cv2.filter2D(
+        image, 
+        dst,
+        this.#ddepth,
+        M,
+        anchor,
+        0,
+        this.cv2.BORDER_DEFAULT
+        );
+    return dst;
+  }
+}
+
+module.exports = Filter2D;
\ No newline at end of file