How to Draw Contour Circle

Prev Tutorial: Convex Hull

Next Tutorial: Creating Bounding rotated boxes and ellipses for contours

Original author	Ana Huamán
Compatibility	OpenCV >= 3.0

Goal

In this tutorial yous volition learn how to:

• Use the OpenCV function cv::boundingRect
• Use the OpenCV function cv::minEnclosingCircle

Theory

Lawmaking

C++

This tutorial lawmaking'south is shown lines below. Y'all tin too download it from here

#include <iostream>

using namespace cv;

using namespace std;

Mat src_gray;

int thresh = 100;

RNG rng(12345);

void thresh_callback(int, void* );

int main( int argc, char** argv )

{

CommandLineParser parser( argc, argv, "{@input | stuff.jpg | input image}" );

{

cout << "Could not open or observe the image!\due north" << endl;

cout << "usage: " << argv[0] << " <Input image>" << endl;

render -1;

}

blur( src_gray, src_gray, Size(3,3) );

const char* source_window = "Source";

imshow( source_window, src );

const int max_thresh = 255;

createTrackbar( "Canny thresh:", source_window, &thresh, max_thresh, thresh_callback );

thresh_callback( 0, 0 );

return 0;

}

void thresh_callback(int, void* )

{

Mat canny_output;

Canny( src_gray, canny_output, thresh, thresh*2 );

vector<vector<Indicate> > contours;

vector<vector<Point> > contours_poly( contours.size() );

vector<Rect> boundRect( contours.size() );

vector<Point2f>centers( contours.size() );

vector<bladder>radius( contours.size() );

for( size_t i = 0; i < contours.size(); i++ )

{

approxPolyDP( contours[i], contours_poly[i], 3, true );

}

for( size_t i = 0; i< contours.size(); i++ )

{

Scalar color = Scalar( rng.uniform(0, 256), rng.uniform(0,256), rng.uniform(0,256) );

drawContours( drawing, contours_poly, (int)i, color );

rectangle( drawing, boundRect[i].tl(), boundRect[i].br(), color, ii );

circumvolve( drawing, centers[i], (int)radius[i], color, ii );

}

imshow( "Contours", drawing );

}

Coffee

This tutorial code's is shown lines below. You can as well download it from here

import java.awt.BorderLayout;

import java.awt.Container;

import coffee.awt.Prototype;

import coffee.util.ArrayList;

import java.util.List;

import java.util.Random;

import javax.swing.BoxLayout;

import javax.swing.ImageIcon;

import javax.swing.JFrame;

import javax.swing.JLabel;

import javax.swing.JPanel;

import javax.swing.JSlider;

import javax.swing.upshot.ChangeEvent;

import javax.swing.consequence.ChangeListener;

import org.opencv.core.Cadre;

import org.opencv.core.CvType;

import org.opencv.core.Mat;

import org.opencv.core.MatOfPoint;

import org.opencv.core.MatOfPoint2f;

import org.opencv.core.Point;

import org.opencv.core.Rect;

import org.opencv.core.Scalar;

import org.opencv.cadre.Size;

import org.opencv.highgui.HighGui;

import org.opencv.imgcodecs.Imgcodecs;

import org.opencv.imgproc.Imgproc;

class GeneralContours1 {

individual Mat srcGray = new Mat();

individual JFrame frame;

private JLabel imgSrcLabel;

private JLabel imgContoursLabel;

private static final int MAX_THRESHOLD = 255;

private int threshold = 100;

private Random rng = new Random(12345);

public GeneralContours1(String[] args) {

String filename = args.length > 0 ? args[0] : "../data/stuff.jpg";

Mat src = Imgcodecs.imread(filename);

if (src.empty()) {

System.err.println("Cannot read image: " + filename);

System.exit(0);

}

Imgproc.cvtColor(src, srcGray, Imgproc.COLOR_BGR2GRAY);

Imgproc.blur(srcGray, srcGray, new Size(iii, three));

frame = new JFrame("Creating Bounding boxes and circles for contours demo");

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

Prototype img = HighGui.toBufferedImage(src);

addComponentsToPane(frame.getContentPane(), img);

frame.pack();

frame.setVisible(true);

update();

}

individual void addComponentsToPane(Container pane, Paradigm img) {

if (!(pane.getLayout() instanceof BorderLayout)) {

pane.add(new JLabel("Container doesn't use BorderLayout!"));

render;

}

JPanel sliderPanel = new JPanel();

sliderPanel.setLayout(new BoxLayout(sliderPanel, BoxLayout.PAGE_AXIS));

sliderPanel.add(new JLabel("Canny threshold: "));

JSlider slider = new JSlider(0, MAX_THRESHOLD, threshold);

slider.setMajorTickSpacing(xx);

slider.setMinorTickSpacing(ten);

slider.setPaintTicks(true);

slider.setPaintLabels(true);

slider.addChangeListener(new ChangeListener() {

@Override

public void stateChanged(ChangeEvent due east) {

JSlider source = (JSlider) e.getSource();

threshold = source.getValue();

update();

}

});

sliderPanel.add(slider);

pane.add(sliderPanel, BorderLayout.PAGE_START);

JPanel imgPanel = new JPanel();

imgSrcLabel = new JLabel(new ImageIcon(img));

imgPanel.add(imgSrcLabel);

Mat blackImg = Mat.zeros(srcGray.size(), CvType.CV_8U);

imgContoursLabel = new JLabel(new ImageIcon(HighGui.toBufferedImage(blackImg)));

imgPanel.add(imgContoursLabel);

pane.add(imgPanel, BorderLayout.CENTER);

}

private void update() {

Mat cannyOutput = new Mat();

Imgproc.Canny(srcGray, cannyOutput, threshold, threshold * ii);

Listing<MatOfPoint> contours = new ArrayList<>();

Mat hierarchy = new Mat();

Imgproc.findContours(cannyOutput, contours, hierarchy, Imgproc.RETR_TREE, Imgproc.CHAIN_APPROX_SIMPLE);

MatOfPoint2f[] contoursPoly = new MatOfPoint2f[contours.size()];

Rect[] boundRect = new Rect[contours.size()];

Bespeak[] centers = new Bespeak[contours.size()];

float[][] radius = new float[contours.size()][i];

for (int i = 0; i < contours.size(); i++) {

contoursPoly[i] = new MatOfPoint2f();

Imgproc.approxPolyDP(new MatOfPoint2f(contours.get(i).toArray()), contoursPoly[i], 3, true);

boundRect[i] = Imgproc.boundingRect(new MatOfPoint(contoursPoly[i].toArray()));

centers[i] = new Signal();

Imgproc.minEnclosingCircle(contoursPoly[i], centers[i], radius[i]);

}

Mat drawing = Mat.zeros(cannyOutput.size(), CvType.CV_8UC3);

List<MatOfPoint> contoursPolyList = new ArrayList<>(contoursPoly.length);

for (MatOfPoint2f poly : contoursPoly) {

contoursPolyList.add(new MatOfPoint(poly.toArray()));

}

for (int i = 0; i < contours.size(); i++) {

Scalar colour = new Scalar(rng.nextInt(256), rng.nextInt(256), rng.nextInt(256));

Imgproc.drawContours(drawing, contoursPolyList, i, colour);

Imgproc.rectangle(cartoon, boundRect[i].tl(), boundRect[i].br(), color, ii);

Imgproc.circle(cartoon, centers[i], (int) radius[i][0], colour, 2);

}

imgContoursLabel.setIcon(new ImageIcon(HighGui.toBufferedImage(drawing)));

frame.repaint();

}

}

public grade GeneralContoursDemo1 {

public static void main(String[] args) {

System.loadLibrary(Core.NATIVE_LIBRARY_NAME);

javax.swing.SwingUtilities.invokeLater(new Runnable() {

@Override

public void run() {

new GeneralContours1(args);

}

});

}

}

Python

This tutorial code's is shown lines below. You lot can besides download information technology from hither

from __future__ import print_function

import cv2 equally cv

import numpy equally np

import argparse

import random as rng

rng.seed(12345)

def thresh_callback(val):

threshold = val

canny_output = cv.Canny(src_gray, threshold, threshold * 2)

contours, _ = cv.findContours(canny_output, cv.RETR_TREE, cv.CHAIN_APPROX_SIMPLE)

contours_poly = [None]*len(contours)

boundRect = [None]*len(contours)

centers = [None]*len(contours)

radius = [None]*len(contours)

for i, c in enumerate(contours):

drawing = np.zeros((canny_output.shape[0], canny_output.shape[1], 3), dtype=np.uint8)

for i in range(len(contours)):

color = (rng.randint(0,256), rng.randint(0,256), rng.randint(0,256))

cv.rectangle(drawing, (int(boundRect[i][0]), int(boundRect[i][1])), \

(int(boundRect[i][0]+boundRect[i][2]), int(boundRect[i][1]+boundRect[i][3])), color, 2)

cv.circumvolve(drawing, (int(centers[i][0]), int(centers[i][1])), int(radius[i]), color, 2)

parser = argparse.ArgumentParser(description='Code for Creating Bounding boxes and circles for contours tutorial.')

parser.add_argument('--input', help='Path to input image.', default='stuff.jpg')

args = parser.parse_args()

if src is None:

print('Could not open up or detect the prototype:', args.input)

exit(0)

src_gray = cv.cvtColor(src, cv.COLOR_BGR2GRAY)

src_gray = cv.blur(src_gray, (3,3))

source_window = 'Source'

max_thresh = 255

thresh = 100

cv.createTrackbar('Canny thresh:', source_window, thresh, max_thresh, thresh_callback)

thresh_callback(thresh)

Explanation

The primary function is rather simple, as follows from the comments we do the following:

• Open up the image, convert it into grayscale and blur it to become rid of the noise.

C++

CommandLineParser parser( argc, argv, "{@input | stuff.jpg | input image}" );

if( src.empty() )

{

cout << "Could non open or find the image!\n" << endl;

cout << "usage: " << argv[0] << " <Input epitome>" << endl;

return -1;

}

blur( src_gray, src_gray, Size(3,three) );

Java

String filename = args.length > 0 ? args[0] : "../data/stuff.jpg";

Mat src = Imgcodecs.imread(filename);

if (src.empty()) {

System.err.println("Cannot read image: " + filename);

System.exit(0);

}

Imgproc.cvtColor(src, srcGray, Imgproc.COLOR_BGR2GRAY);

Imgproc.blur(srcGray, srcGray, new Size(3, 3));

Python

parser = argparse.ArgumentParser(description='Code for Creating Bounding boxes and circles for contours tutorial.')

parser.add_argument('--input', help='Path to input epitome.', default='stuff.jpg')

args = parser.parse_args()

if src is None:

print('Could not open or find the image:', args.input)

exit(0)

src_gray = cv.cvtColor(src, cv.COLOR_BGR2GRAY)

src_gray = cv.mistiness(src_gray, (3,3))

• Create a window with header "Source" and display the source file in information technology.

C++

const char* source_window = "Source";

imshow( source_window, src );

Coffee

frame = new JFrame("Creating Bounding boxes and circles for contours demo");

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

Image img = HighGui.toBufferedImage(src);

addComponentsToPane(frame.getContentPane(), img);

Python

• Create a trackbar on the source_window and assign a callback function to it. In full general callback functions are used to react to some kind of signal, in our example it's trackbar'south state change. Explicit ane-fourth dimension phone call of thresh_callback is necessary to display the "Contours" window simultaneously with the "Source" window.

C++

const int max_thresh = 255;

createTrackbar( "Canny thresh:", source_window, &thresh, max_thresh, thresh_callback );

thresh_callback( 0, 0 );

Java

sliderPanel.add(new JLabel("Canny threshold: "));

JSlider slider = new JSlider(0, MAX_THRESHOLD, threshold);

slider.setMajorTickSpacing(twenty);

slider.setMinorTickSpacing(10);

slider.setPaintTicks(true);

slider.setPaintLabels(truthful);

slider.addChangeListener(new ChangeListener() {

@Override

public void stateChanged(ChangeEvent e) {

JSlider source = (JSlider) e.getSource();

threshold = source.getValue();

update();

}

});

Python

max_thresh = 255

thresh = 100

cv.createTrackbar('Canny thresh:', source_window, thresh, max_thresh, thresh_callback)

thresh_callback(thresh)

The callback role does all the interesting job.

• Apply cv::Canny to detect edges in the images.

C++

Mat canny_output;

Canny( src_gray, canny_output, thresh, thresh*2 );

Java

Mat cannyOutput = new Mat();

Imgproc.Canny(srcGray, cannyOutput, threshold, threshold * ii);

Python

canny_output = cv.Canny(src_gray, threshold, threshold * ii)

• Finds contours and saves them to the vectors contour and hierarchy.

C++

vector<vector<Point> > contours;

Java

Listing<MatOfPoint> contours = new ArrayList<>();

Mat hierarchy = new Mat();

Imgproc.findContours(cannyOutput, contours, hierarchy, Imgproc.RETR_TREE, Imgproc.CHAIN_APPROX_SIMPLE);

Python

contours, _ = cv.findContours(canny_output, cv.RETR_TREE, cv.CHAIN_APPROX_SIMPLE)

• For every found contour nosotros at present apply approximation to polygons with accuracy +-three and stating that the bend must be closed. After that we detect a bounding rect for every polygon and save it to boundRect. At last nosotros find a minimum enclosing circle for every polygon and save it to heart and radius vectors.

C++

vector<vector<Indicate> > contours_poly( contours.size() );

vector<Rect> boundRect( contours.size() );

vector<Point2f>centers( contours.size() );

vector<float>radius( contours.size() );

for( size_t i = 0; i < contours.size(); i++ )

{

approxPolyDP( contours[i], contours_poly[i], 3, true );

}

Java

MatOfPoint2f[] contoursPoly = new MatOfPoint2f[contours.size()];

Rect[] boundRect = new Rect[contours.size()];

Point[] centers = new Point[contours.size()];

float[][] radius = new bladder[contours.size()][1];

for (int i = 0; i < contours.size(); i++) {

contoursPoly[i] = new MatOfPoint2f();

Imgproc.approxPolyDP(new MatOfPoint2f(contours.get(i).toArray()), contoursPoly[i], 3, true);

boundRect[i] = Imgproc.boundingRect(new MatOfPoint(contoursPoly[i].toArray()));

centers[i] = new Signal();

Imgproc.minEnclosingCircle(contoursPoly[i], centers[i], radius[i]);

}

Python

contours_poly = [None]*len(contours)

boundRect = [None]*len(contours)

centers = [None]*len(contours)

radius = [None]*len(contours)

for i, c in enumerate(contours):

We constitute everything nosotros need, all we have to do is to describe.

• Create new Mat of unsigned 8-fleck chars, filled with zeros. It will contain all the drawings we are going to make (rects and circles).

C++

Mat drawing = Mat::zeros( canny_output.size(), CV_8UC3 );

Java

Mat drawing = Mat.zeros(cannyOutput.size(), CvType.CV_8UC3);

Python

drawing = np.zeros((canny_output.shape[0], canny_output.shape[1], 3), dtype=np.uint8)

• For every profile: pick a random color, depict the contour, the bounding rectangle and the minimal enclosing circle with it.

C++

for( size_t i = 0; i< contours.size(); i++ )

{

Scalar color = Scalar( rng.uniform(0, 256), rng.uniform(0,256), rng.compatible(0,256) );

drawContours( cartoon, contours_poly, (int)i, colour );

rectangle( cartoon, boundRect[i].tl(), boundRect[i].br(), color, 2 );

circle( drawing, centers[i], (int)radius[i], colour, two );

}

Java

List<MatOfPoint> contoursPolyList = new ArrayList<>(contoursPoly.length);

for (MatOfPoint2f poly : contoursPoly) {

contoursPolyList.add together(new MatOfPoint(poly.toArray()));

}

for (int i = 0; i < contours.size(); i++) {

Scalar color = new Scalar(rng.nextInt(256), rng.nextInt(256), rng.nextInt(256));

Imgproc.drawContours(drawing, contoursPolyList, i, colour);

Imgproc.rectangle(drawing, boundRect[i].tl(), boundRect[i].br(), color, 2);

Imgproc.circle(cartoon, centers[i], (int) radius[i][0], colour, two);

}

Python

for i in range(len(contours)):

color = (rng.randint(0,256), rng.randint(0,256), rng.randint(0,256))

cv.rectangle(drawing, (int(boundRect[i][0]), int(boundRect[i][1])), \

(int(boundRect[i][0]+boundRect[i][2]), int(boundRect[i][1]+boundRect[i][three])), colour, 2)

cv.circumvolve(drawing, (int(centers[i][0]), int(centers[i][1])), int(radius[i]), color, 2)

• Display the results: create a new window "Contours" and show everything we added to drawings on it.

C++

imshow( "Contours", drawing );

Coffee

imgContoursLabel.setIcon(new ImageIcon(HighGui.toBufferedImage(cartoon)));

frame.repaint();

Python

Upshot

Here it is:

hardinhistedied.blogspot.com

Source: https://docs.opencv.org/4.x/da/d0c/tutorial_bounding_rects_circles.html

Share this post