How To Make Convex Hull In Image Processing With C#

Convex hull in image processing is a morphological operation, where we encapsulate a shape or and object in an image into a convex shape.


Andraz Krzisnik
How To Make Convex Hull In Image Processing...

Convex hull in image processing is a morphological process, where we basically envelope an object into a convex shape. In other words, it’s a geometric shape, of which all its inner angles are between 90 and 180 degrees.

For example, let’s say that we have a bunch of points grouped in a certain spot. So if we were to draw a convex hull around them, we need to connect these points. However, we need to connect them in a convex shape.

In other words, if any of the connecting lines completely fit inside the shape, the shape is convex.

Convex hull in image processing

If we imagine it in Euclidean plane, where we have continuous lines and shapes, it’s not that hard to understand what it is. But when we’re working with it in image processing, we’re dealing with discrete values – pixels.

Therefore, for simplicity sake, we’re going to work with binary images in this demonstration. Binary images consist only of white and black pixels, or in morphological terms, foreground and background pixels.

We will utilize the hit or miss transform elements using four different structuring elements. In case you’re not familiar, structuring elements are similar to kernels at convolution.

The way it works is that we need to iterate this hit or miss transform to add pixels to our shape in the image. This way, we’ll eventually reach convergence, when no more pixels can be added given the contraits of structuring elements.

Convex hull process in image processing
Convex hull process in image processing

Optimizing convex hull

If we used only the four structuring elements we mentioned above, we wouldn’t get the most optimal convex shape. Therefore we can use one trick to limit the growth of our shape.

We can use the pixels that lie on the edges of the shape to limit the convergence vertically and horizontally. In other words, we will use them as starting and ending points in the x and y direction.

Optimizing convex hull in image processing
Optimizing convex hull

Code

public static Bitmap ConvexHull(this Bitmap image)
     {
         int w = image.Width;
         int h = image.Height;

         BitmapData image_data = image.LockBits(
             new Rectangle(0, 0, w, h),
             ImageLockMode.ReadOnly,
             PixelFormat.Format8bppIndexed);

         int bytes = image_data.Stride * image_data.Height;
         byte[] buffer = new byte[bytes];
         byte[] result = new byte[bytes];

         Marshal.Copy(image_data.Scan0, buffer, 0, bytes);
         image.UnlockBits(image_data);

         int[][,] se = {
             Structuring_Element.left,
             Structuring_Element.top,
             Structuring_Element.right,
             Structuring_Element.bottom
         };

         int start_x = w;
         int end_x = 0;
         int start_y = h;
         int end_y = 0;

         for (int i = 0; i < w; i++)
         {
             for (int j = 0; j < h; j++)
             {
                 int position = i + j * image_data.Stride;
                 if (buffer[position] > 0)
                 {
                     start_x = Math.Min(start_x, i);
                     end_x = Math.Max(end_x, i);
                     start_y = Math.Min(start_y, j);
                     end_y = Math.Max(end_y, j);
                 }
             }
         }

         result = buffer;
         for (int i = 0; i < se.Length; i++)
         {
             int diff = 1;
             while(diff != 0)
             {
                 diff = 0;
                 for (int x = start_x + 1; x < end_x - 1; x++)
                 {
                     for (int y = start_y + 1; y < end_y - 1; y++)
                     {
                         int position = x + y * image_data.Stride;
                         byte val = 15;
                         for (int kx = -1; kx < 2; kx++)
                         {
                             for (int ky = -1; ky < 2; ky++)
                             {
                                 int se_pos = position + kx + ky * image_data.Stride;
                                 if (se[i][kx + 1, ky + 1] == 1)
                                 {
                                     val = Math.Min(val, result[se_pos]);
                                 }
                             }
                         }

                         if (result[position] == 0 && val > 0)
                         {
                             result[position] = val;
                             diff++;
                         }
                     }
                 }
             }
         }

         Bitmap res_img = new Bitmap(w, h);
         BitmapData res_data = res_img.LockBits(
             new Rectangle(0, 0, w, h),
             ImageLockMode.WriteOnly,
             PixelFormat.Format8bppIndexed);
         Marshal.Copy(result, 0, res_data.Scan0, bytes);
         res_img.UnlockBits(res_data);

         return res_img;
     }

Conclusion

The binary image, that I used to demonstrate this process on, was the result of segmentation operation. Feel free to check out other posts on image processing and I hope this one was helpful.

You can also download the demo project and try it out yourself.

Related Articles

C# Tutorial

How To Use Gaussian Lowpass Filter – C# Guide

We’ve talked about ideal lowpass filter and Butterworth lowpass filter already. And now, we shall get to know the last type of lowpass filters, which is Gaussian lowpass...

Posted on by Andraz Krzisnik
Color Image Processing

How To Use Color Slicing In Image Processing With C#

Color slicing is a color image processing technique, which only shows colors in a certain color space making objects stand out.

Posted on by Andraz Krzisnik