目的
本节你将学到:
如何用 Point 在图像中定义 2D 点
如何以及为何使用 Scalar
用OpenCV的函数 line 绘 直线
用OpenCV的函数 ellipse 绘 椭圆
用OpenCV的函数 rectangle 绘 矩形
用OpenCV的函数 circle 绘 圆
用OpenCV的函数 fillPoly 绘 填充的多边形
OpenCV 原理
本节中,我门将大量使用 Point 和 Scalar 这两个结构
Point
次数据结构表示了由其图像坐标 x 和 y 指定的2D点。可定义为:
Point pt;
pt.x = 10;
pt.y = 8;
或者
Point pt = Point(10, 8);
Scalar
表示了具有4个元素的数组。次类型在OpenCV中被大量用于传递像素值。
本节中,我们将进一步用它来表示RGB颜色值(三个参数)。如果用不到第四个参数,则无需定义。
我们来看个例子,如果给出以下颜色参数表达式:
Scalar( a, b, c )
那么定义的RGB颜色值为: Red = c, Green = b and Blue = a
代码
这些代码都来自OpenCV代码的sample文件夹
代码分析
1.我们打算画两个例子(原子和赌棍), 所以必须创建两个图像和对应的窗口以显示。
/// 窗口名字
char atom_window[] = "Drawing 1: Atom";
char rook_window[] = "Drawing 2: Rook";
/// 创建空全黑像素的空图像
Mat atom_image = Mat::zeros( w, w, CV_8UC3 );
Mat rook_image = Mat::zeros( w, w, CV_8UC3 );
2.创建用来画不同几何形状的函数。比如用 MyEllipse 和 MyFilledCircle 来画原子。
/// 1. 画一个简单的原子。
/// 1.a. 创建椭圆
MyEllipse( atom_image, 90 );
MyEllipse( atom_image, 0 );
MyEllipse( atom_image, 45 );
MyEllipse( atom_image, -45 );
/// 1.b. 创建圆
MyFilledCircle( atom_image, Point( w/2.0, w/2.0) );
3.接下来用 MyLine*,*rectangle 和 a MyPolygon 来画赌棍:
/// 2. 画一个赌棍
/// 2.a. 创建一个凸多边形
MyPolygon( rook_image );
/// 2.b. 创建矩形
rectangle( rook_image,
Point( 0, 7*w/8.0 ),
Point( w, w),
Scalar( 0, 255, 255 ),
-1,
8 );
/// 2.c. 画几条直线
MyLine( rook_image, Point( 0, 15*w/16 ), Point( w, 15*w/16 ) );
MyLine( rook_image, Point( w/4, 7*w/8 ), Point( w/4, w ) );
MyLine( rook_image, Point( w/2, 7*w/8 ), Point( w/2, w ) );
MyLine( rook_image, Point( 3*w/4, 7*w/8 ), Point( 3*w/4, w ) );
4.现在来看看每个函数内部如何定义:
MyLine
void MyLine( Mat img, Point start, Point end )
{
int thickness = 2;
int lineType = 8;
line( img,
start,
end,
Scalar( 0, 0, 0 ),
thickness,
lineType );
}
正如我们所见, MyLine 调用函数 line 来实现以下操作:
画一条从点 start 到点 end 的直线段
此线段将被画到图像 img 上
线的颜色由 Scalar( 0, 0, 0) 来定义,在此其相应RGB值为 黑色
线的粗细由 thickness 设定(此处设为 2)
此线为8联通 (lineType = 8)
MyEllipse
void MyEllipse( Mat img, double angle )
{
int thickness = 2;
int lineType = 8;
ellipse( img,
Point( w/2.0, w/2.0 ),
Size( w/4.0, w/16.0 ),
angle,
0,
360,
Scalar( 255, 0, 0 ),
thickness,
lineType );
}
根据以上代码,我们可看到函数 ellipse 按照以下规则绘制椭圆:
椭圆将被画到图像 img 上
椭圆中心为点 (w/2.0, w/2.0) 并且大小位于矩形 (w/4.0, w/16.0) 内
椭圆旋转角度为 angle
椭圆扩展的弧度从 0 度到 360 度
图形颜色为 Scalar( 255, 255, 0) ,既蓝色
绘椭圆的线粗为 thickness ,此处是2
MyFilledCircle
void MyFilledCircle( Mat img, Point center )
{
int thickness = -1;
int lineType = 8;
circle( img,
center,
w/32.0,
Scalar( 0, 0, 255 ),
thickness,
lineType );
}
类似于椭圆函数,我们可以看到 circle 函数的参数意义如下:
圆将被画到图像 ( img )上
圆心由点 center 定义
圆的半径为: w/32.0
圆的颜色为: Scalar(0, 0, 255) ,按BGR的格式为 红色
线粗定义为 thickness = -1, 因此次圆将被填充
MyPolygon
void MyPolygon( Mat img )
{
int lineType = 8;
/** 创建一些点 */
Point rook_points[1][20];
rook_points[0][0] = Point( w/4.0, 7*w/8.0 );
rook_points[0][1] = Point( 3*w/4.0, 7*w/8.0 );
rook_points[0][2] = Point( 3*w/4.0, 13*w/16.0 );
rook_points[0][3] = Point( 11*w/16.0, 13*w/16.0 );
rook_points[0][4] = Point( 19*w/32.0, 3*w/8.0 );
rook_points[0][5] = Point( 3*w/4.0, 3*w/8.0 );
rook_points[0][6] = Point( 3*w/4.0, w/8.0 );
rook_points[0][7] = Point( 26*w/40.0, w/8.0 );
rook_points[0][8] = Point( 26*w/40.0, w/4.0 );
rook_points[0][9] = Point( 22*w/40.0, w/4.0 );
rook_points[0][10] = Point( 22*w/40.0, w/8.0 );
rook_points[0][11] = Point( 18*w/40.0, w/8.0 );
rook_points[0][12] = Point( 18*w/40.0, w/4.0 );
rook_points[0][13] = Point( 14*w/40.0, w/4.0 );
rook_points[0][14] = Point( 14*w/40.0, w/8.0 );
rook_points[0][15] = Point( w/4.0, w/8.0 );
rook_points[0][16] = Point( w/4.0, 3*w/8.0 );
rook_points[0][17] = Point( 13*w/32.0, 3*w/8.0 );
rook_points[0][18] = Point( 5*w/16.0, 13*w/16.0 );
rook_points[0][19] = Point( w/4.0, 13*w/16.0) ;
const Point* ppt[1] = { rook_points[0] };
int npt[] = { 20 };
fillPoly( img,
ppt,
npt,
1,
Scalar( 255, 255, 255 ),
lineType );
}
我们用函数 :fill_poly:`fillPoly <>` 来绘制填充的多边形。请注意:
多边形将被画到图像 img 上
多边形的顶点集为 ppt
要绘制的多边形顶点数目为 npt
要绘制的多边形数量仅为 1
多边形的颜色定义为 Scalar( 255, 255, 255), 既BGR值为 白色
rectangle
rectangle( rook_image,
Point( 0, 7*w/8.0 ),
Point( w, w),
Scalar( 0, 255, 255 ),
-1,
8 );
最后是函数:rectangle:rectangle <> (我们并没有为这家伙创建特定函数)。请注意:
矩形将被画到图像 rook_image 上
矩形两个对角顶点为 Point( 0, 7*w/8.0 ) 和 Point( w, w)
矩形的颜色为 Scalar(0, 255, 255) ,既BGR格式下的 黄色
由于线粗为 -1, 此矩形将被填充
结果
编译并运行例程,你将看到如下结果:
知识补充
OpenCV里的线型-lineType(如:8连通、4连通)
转载:https://zhidao.baidu.com/question/427970238676959132.html
首先说明一点:这个linetype参数并不是指线型是实线、虚线还是点画线,这个参数实际用途是改变线的产生算法。什么意思?以函数line()为例,官方的说明文档里lineType参数说明如下:
Line(CvArr* img, CvPoint pt1, CvPoint pt2, CvScalar color, int thickness=1, int line_type=8, int shift=0 )
lineType –
Type of the line:
8 (or omitted) - 8-connected line.
4 - 4-connected line.
CV_AA - antialiased line.
lineType=8指的是8联通线型,这里涉及到线的产生算法,因为分辨率的关系,直线使用光栅的形式表示的,如图:
这其实就是就是8联通线(8-connected),即下一个点连接上一个点的边或角,对比一下4-connected算法(也叫Bresenham直线算法)会更好理解,如图:’
4联通的简单叙述就是:下一个点和上一个点边相连(没有角了),这样就消除了8联通法线断裂的瑕疵,可以说是一种更好的方式。至于为什么选择8,可能是因为算法上更简单。有兴趣可以参考这个:
http://stackoverflow.com/questions/13542925/line-rasterization-4-connected-bresenham
和这个:
https://en.wikipedia.org/wiki/Bresenham%27s_line_algorithm#Simplification
四连通与八连通概念
参考:https://blog.csdn.net/diligentkong/article/details/77991671
补充-四连通与八连通
所谓四连通区域或四邻域,是指对应像素位置的上、下、左、右,是紧邻的位置。共4个方向,所以称之为四连通区域,又叫四邻域。
所谓八连通区域或八邻域,是指对应位置的上、下、左、右、左上、右上、左下、右下,是紧邻的位置和斜向相邻的位置。共8个方向,所以称之为8连通区域或八邻域。
八连通则定义为::
对每一个值为1的点若其八连通有一个点的值也为1,那么这两个点就归为一个物体。
从8连通的定义公式可以看到,其为N4四连通并上右下、右上、左下、左上四点,即四连通是八连通的子集。也就是说在图像处理中四连通的区域,一定是八连通。
从上图可以看到,4连通意义上,可以分成独立的三个区域
在8连通意义上,同样的一个图像,只有一个区域。
完整代码
#include <iostream>
#include <opencv2/opencv.hpp>
using namespace std;
using namespace cv;
#define w 400 //--图像长宽
//--画椭圆
void MyEllipse(Mat img,double angle);
//--画直线
void MyLine(Mat img,Point start,Point end);
//--画圆
void MyFilledCircle(Mat img,Point center);
//--绘制多边形
void MyPolygon(Mat img);
//--绘制矩形
void MyRectangle(Mat img,Point start,Point end);
int main()
{
//--创建两个窗口
char atom_window[] = "Drawing 1:Atom";
char rook_window[] = "Drawing 2:Rook";
namedWindow(atom_window,1);
namedWindow(rook_window,1);
//--创建一个空的全黑像素空图像
Mat atom_image = Mat::zeros(w,w,CV_8UC3);
Mat rook_image = Mat::zeros(w,w,CV_8UC3);
//--创建椭圆
MyEllipse(atom_image,90);
MyEllipse(atom_image,0);
MyEllipse(atom_image,45);
MyEllipse(atom_image,-45);
//--创建圆
MyFilledCircle(atom_image,Point(w/2.0,w/2.0));
//--创建一个凸多边形
MyPolygon(rook_image);
//--创建矩形
MyRectangle(rook_image,Point(0,7*w/8.0),Point(w,w));
//--画几条直线
MyLine(rook_image,Point( 0, 15*w/16 ), Point( w, 15*w/16 ));
MyLine(rook_image,Point( w/4, 7*w/8 ), Point( w/4, w ));
MyLine(rook_image,Point( w/2, 7*w/8 ), Point( w/2, w ));
MyLine(rook_image,Point( 3*w/4, 7*w/8 ), Point( 3*w/4, w ));
imshow(atom_window,atom_image);
imshow(rook_window,rook_image);
waitKey(0);
imwrite("atom_image.jpg",atom_image);
imwrite("rook_window.jpg",rook_image);
return 0;
}
//--画直线
void MyLine(Mat img,Point start,Point end)
{
int thickness = 2;//--线宽
int lineType = CV_8U;//--可以取值 8 ,4 CV_8U. CV_AA带高斯滤波
line(img,//--线段被画到img上
start,//--线段起始点
end,//--线段终止点
Scalar(0,0,0),//--线段rgb颜色
thickness,//--线宽
lineType//--连通方式
);
}
//--画椭圆
void MyEllipse(Mat img,double angle)
{
int thickness =2;//--线宽
int lineType = CV_8U;//--连通方式
ellipse(img,//--椭圆被放到Img上
Point(w/2.0,w/2.0),//--中心点
Size(w/4.0,w/16.0),//--椭圆位于该大小矩形内
angle,//--椭圆角度
0,//--椭圆的弧度0-360,闭合的
360,
Scalar(255,0,0),//--椭圆的颜色未蓝色
thickness,//--线宽
lineType
);
}
//--画圆
void MyFilledCircle(Mat img,Point center)
{
int thickness = -1;//--线宽为-1,表示此园被充填
int lineType = CV_8U;
circle(
img,//-圆被画在img里
center,//--圆心由center定义
w/32.0,//--圆半径
Scalar(0,0,255),//--颜色,红色
thickness,//--线宽
lineType
);
}
//--绘制多边形
void MyPolygon(Mat img)
{
int lineType = CV_8U;
/** 创建一些点 */
Point rook_points[1][20];//--创建一个point数组,存放多边型一系列顶点
rook_points[0][0] = Point( w/4.0, 7*w/8.0 );
rook_points[0][1] = Point( 3*w/4.0, 7*w/8.0 );
rook_points[0][2] = Point( 3*w/4.0, 13*w/16.0 );
rook_points[0][3] = Point( 11*w/16.0, 13*w/16.0 );
rook_points[0][4] = Point( 19*w/32.0, 3*w/8.0 );
rook_points[0][5] = Point( 3*w/4.0, 3*w/8.0 );
rook_points[0][6] = Point( 3*w/4.0, w/8.0 );
rook_points[0][7] = Point( 26*w/40.0, w/8.0 );
rook_points[0][8] = Point( 26*w/40.0, w/4.0 );
rook_points[0][9] = Point( 22*w/40.0, w/4.0 );
rook_points[0][10] = Point( 22*w/40.0, w/8.0 );
rook_points[0][11] = Point( 18*w/40.0, w/8.0 );
rook_points[0][12] = Point( 18*w/40.0, w/4.0 );
rook_points[0][13] = Point( 14*w/40.0, w/4.0 );
rook_points[0][14] = Point( 14*w/40.0, w/8.0 );
rook_points[0][15] = Point( w/4.0, w/8.0 );
rook_points[0][16] = Point( w/4.0, 3*w/8.0 );
rook_points[0][17] = Point( 13*w/32.0, 3*w/8.0 );
rook_points[0][18] = Point( 5*w/16.0, 13*w/16.0 );
rook_points[0][19] = Point( w/4.0, 13*w/16.0) ;
const Point* ppt[1] = { rook_points[0] };//--定义一个point 指针数组,填充多边形point数组
int npt[] = { 20 };//--填充要绘制的多边形的顶点数目。npt[0] 对应ppt[0]
fillPoly( img,//--图像存放位置
ppt,//--多边形顶点集
npt,//--多边形顶点个数
1,//--多边形个书
Scalar( 255, 255, 255 ),//--颜色
lineType );
}
//--绘制矩形
void MyRectangle(Mat img,Point start,Point end){
int thickness = -1;
int lineType = CV_8U;
rectangle(
img,
start,//--矩形对角顶点
end,//--矩形对角顶点
Scalar(0,255,255),
thickness,
lineType
);
}