Add filter2D in the electron project

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:

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

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",
 };
 

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)

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;