OpenCV is one of the most popular computer vision libraries. If you want to start your journey in the field of computer vision, then a thorough understanding of the concepts of OpenCV is of paramount importance.
In this article, I will try to introduce the most basic and important concepts of OpenCV in an intuitive manner.
This article will cover the following topics:
- Reading an image
- Extracting the RGB values of a pixel
- Extracting the Region of Interest (ROI)
- Resizing the Image
- Rotating the Image
- Drawing a Rectangle
- Displaying text
This is the original image that we will manipulate throughout the course of this article.
Let’s start with the simple task of reading an image using OpenCV.
Reading an image
Now we will focus on extracting the RGB values of an individual pixel.
Note – OpenCV arranges the channels in BGR order. So the 0th value will correspond to Blue pixel and not Red.
Extracting the RGB values of a pixel
Extracting the Region of Interest (ROI)
Resizing the Image
The problem with this approach is that the aspect ratio of the image is not maintained. So we need to do some extra work in order to maintain a proper aspect ratio.
Rotating the Image
There are a lot of steps involved in rotating an image. So, let me explain each of them in detail.
The 2 main functions used here are –
It takes 3 arguments –
- center – The center coordinates of the image
- Angle – The angle (in degrees) by which the image should be rotated
- Scale – The scaling factor
It returns a 2*3 matrix consisting of values derived from alpha and beta
alpha = scale * cos(angle)
beta = scale * sine(angle)
The function warpAffine transforms the source image using the rotation matrix:
dst(x, y) = src(M11X + M12Y + M13, M21X + M22Y + M23)
Here M is the rotation matrix, described above.
It calculates new x, y co-ordinates of the image and transforms it.
Drawing a Rectangle
It is an in-place operation.
# We are copying the original image,
# as it is an in-place operation.
# Using the rectangle() function to create a rectangle.
It takes in 5 arguments –
- Top-left corner co-ordinates
- Bottom-right corner co-ordinates
- Color (in BGR format)
- Line width
It is also an in-place operation
# Copying the original image
# Adding the text using putText() function
It takes in 7 arguments –
My Personal Notes arrow_drop_up
- Text to be displayed
- Bottom-left corner co-ordinates, from where the text should start
- Font size
- Color (BGR format)
- Line width