PythonOpenCV基础篇2线段

PythonOpenCV基础篇

第6章 绘制图形和文字

OpenCV提供了许多绘制图形的方法,包括绘制线段的line()方法、绘制矩形的rectangle()方法、绘制圆形的circle()方法、绘制多边形的polylines()方法和绘制文字的putText()方法。本章将依次对上述各个方法进行讲解,并使用上述方法绘制相应的图形。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8TWsuuc6-1639056447707)(PythonOpenCV基础篇01.assets/image-20211118141415260.png)]

6.1 线段的绘制

OpenCV提供了用于绘制线段的line()方法,使用这个方法即可绘制长短不一、粗细各异、五颜六色的线段。line()方法的语法格式如下:

 img = cv2.line(img, pt1, pt2, color, thickness)

参数说明:

img:画布。

pt1:线段的起点坐标。

pt2:线段的终点坐标。

color:绘制线段时的线条颜色。

thickness:绘制线段时的线条宽度。

注意
线条颜色是RGB格式的,例如红色的RGB值是(255, 0, 0)。但是在OpenCV中,RGB图像的通道顺序被转换成B→G→R,因此(0, 0, 255)代表的是红色。

【实例6.1】 绘制线段并拼成一个“王”字。
编写一个程序,使用line()方法分别绘制颜色为蓝色、绿色、红色和黄色,线条宽度为5、10、15和20的4条线段,并且这4条线段能够拼成一个“王”字如图6.1所示,把其主体部分放在图6.2所示的坐标系中,即可确定每条线段的起点坐标和终点坐标,代码如下:

 import numpy as np # 导入Python中的numpy模块
 import cv2
 # np.zeros():创建了一个画布
 # (300, 300, 3):一个300 x 300,具有3个颜色空间(即Red、Green和Blue)的画布
 # np.uint8:OpenCV 中的灰度图像和RGB图像都是以uint8存储的,因此这里的类型也是uint8
 canvas = np.zeros((300, 300, 3), np.uint8)
 # 在画布上,绘制一条起点坐标为(50, 50)、终点坐标为(250, 50)、蓝色的、线条宽度为5的线段
 canvas = cv2.line(canvas, (50, 50), (250, 50), (255, 0, 0), 5)
 # 在画布上,绘制一条起点坐标为(50, 150)、终点坐标为(250, 150)、绿色的、线条宽度为10的线段
 canvas = cv2.line(canvas, (50, 150), (250, 150), (0, 255, 0), 10)
 # 在画布上,绘制一条起点坐标为(50, 250)、终点坐标为(250, 250)、红色的、线条宽度为15的线段
 canvas = cv2.line(canvas, (50, 250), (250, 250), (0, 0, 255), 15)
 # 在画布上,绘制一条起点坐标为(150, 50)、终点坐标为(150, 250)、黄色的、线条宽度为20的线段
 canvas = cv2.line(canvas, (150, 50), (150, 250), (0, 255, 255), 20)
 cv2.imshow("Lines", canvas) # 显示画布
 cv2.waitKey()
 cv2.destroyAllWindows()

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kFeJsnX6-1639056447708)(PythonOpenCV基础篇01.assets/image-20211118142121651.png)]

​ 图6.1 绘制线段并拼成一个“王”字

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xYlpPAUB-1639056447709)(PythonOpenCV基础篇01.assets/image-20211118142054962.png)]

​ 图6.2 每条线段的起点坐标和终点坐标

此外,如果想把图6.1中的黑色背景替换为白色背景,应该如何操作呢?

这时,只需将实例6.1的第7行代码替换成如下代码即可:

 canvas = np.ones((300, 300, 3), np.uint8) * 255

运行修改后的代码,得到如图6.3所示的结果。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pCnwx3bM-1639056447709)(PythonOpenCV基础篇01.assets/image-20211118142429945.png)]

​ 图6.3 把图6.1中的黑色背景替换为白色背景

6.2 矩形的绘制

OpenCV提供了用于绘制矩形的rectangle()方法,使用这个方法既可以绘制矩形边框,也可以绘制实心矩形。rectangle()方法的语法格式如下:

 img = cv2.rectangle(img, pt1, pt2, color, thickness)

参数说明:

img:画布。

pt1:矩形的左上角坐标。

pt2:矩形的右下角坐标。

color:绘制矩形时的线条颜色。

thickness:绘制矩形时的线条宽度。

【实例6.2】 绘制一个矩形边框。
编写一个程序,使用rectangle()方法绘制一个青色的、线条宽度为20的矩形边框。绘制矩形时,矩形的左上角坐标为(50, 50),矩形的右下角坐标为(200, 150),代码如下:

 import numpy as np # 导入Python中的numpy模块
 import cv2
 # np.zeros():创建了一个画布
 # (300, 300, 3):一个300 x 300,具有3个颜色空间(即Red、Green和Blue)的画布
 # np.uint8:OpenCV中的灰度图像和RGB图像都是以uint8存储的,因此这里的类型也是uint8
 canvas = np.zeros((300, 300, 3), np.uint8)
 # 在画布上绘制一个左上角坐标为(50,50)、右下角坐标为(200,150)、青色的、线条宽度为20的矩形边框
 canvas = cv2.rectangle(canvas, (50, 50), (200, 150), (255, 255, 0), 20)
 cv2.imshow("Rectangle", canvas) # 显示画布
 cv2.waitKey()
 cv2.destroyAllWindows()

上述代码的运行结果如图6.4所示

说明
可参照图6.2所示的坐标系,了解矩形的左上角坐标和矩形的右下角坐标是如何确定的。
如果想要填充图6.4中的矩形边框,使之变成实心矩形,应该如何修改上述代码呢?
在rectangle()方法的语法格式中,thickness表示绘制矩

形时的线条宽度。当thickness的值为-1时,即可绘制一个实心矩形。也就是说,只需要把实例6.2的第9行代码中的最后一个参数20修改为-1,就能够绘制一个实心矩形,关键代码如下:

 canvas = cv2.rectangle(canvas, (50, 50), (200, 150), (255, 255, 0), -1) # 绘制一个实心矩形

运行修改后的代码,得到如图6.5所示的结果。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-meaiTM8x-1639056447710)(PythonOpenCV基础篇01.assets/image-20211118142643073.png)]

​ 图6.4 绘制一个矩形边框

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-g3kShSjJ-1639056447711)(PythonOpenCV基础篇01.assets/image-20211118142722661.png)]

​ 图6.5 绘制一个实心矩形

正方形是特殊的矩形,因此使用rectangle()方法不仅能绘制矩形,还能绘制正方形。

【实例6.3】 绘制正方形。
编写一个程序,使用rectangle()方法分别绘制3个正方形边框和1个实心正方形,具体要求如下。
(1)左上角坐标为(50, 50)、右下角坐标为(250, 250)、红色的、线条宽度为40的正方形边框。
(2)左上角坐标为(90, 90)、右下角坐标为(210, 210)、绿色的、线条宽度为30的正方形边框。
(3)左上角坐标为(120, 120)、右下角坐标为(180, 180)、蓝色的、线条宽度为20的正方形边框。

(4)左上角坐标为(140, 140)、右下角坐标为(160, 160)、黄色的实心正方形。
代码如下:

 import numpy as np # 导入Python中的numpy模块
 import cv2
 # np.zeros():创建了一个画布
 # (300, 300, 3):一个300 x 300,具有3个颜色空间(即Red、Green和Blue)的画布
 # np.uint8:OpenCV中的灰度图像和RGB图像都是以uint8存储的,因此这里的类型也是uint8
 canvas = np.zeros((300, 300, 3), np.uint8)
 # 绘制一个左上角坐标为(50,50)、右下角坐标为(250,250)、红色的、线条宽度为40的正方形边框
 canvas = cv2.rectangle(canvas, (50, 50), (250, 250), (0, 0, 255), 40)
 # 绘制一个左上角坐标为(90,90)、右下角坐标为(210,210)、绿色的、线条宽度为30的正方形边框
 canvas = cv2.rectangle(canvas, (90, 90), (210, 210), (0, 255, 0), 30)
 # 绘制一个左上角坐标为(120,120)、右下角坐标为(180,180)、蓝色的、线条宽度为20的正方形边框
 canvas = cv2.rectangle(canvas, (120, 120), (180, 180), (255, 0, 0), 20)
 # 绘制一个左上角坐标为(140,140)、右下角坐标为(160,160)、黄色的实心正方形
 canvas = cv2.rectangle(canvas, (140, 140), (160, 160), (0, 255, 255), -1)
 cv2.imshow("Square", canvas) # 显示画布
 cv2.waitKey()
 cv2.destroyAllWindows()

上述代码的运行结果如图6.6所示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FbQmtOZH-1639056447711)(PythonOpenCV基础篇01.assets/image-20211118143019442.png)]

​ 图6.6 绘制正方形

6.3 圆形的绘制

OpenCV提供了用于绘制圆形的circle()方法,这个方法与rectangle()方法的功能相同,既可以绘制圆形边框,也可以绘制实心圆形。circle()方法的语法格式如下:

 img = cv2.circle(img, center, radius, color, thickness)

参数说明: img:画布。 center:圆形的圆心坐标。 radius:圆形的半径。 color:绘制圆形时的线条颜色。 thickness:绘制圆形时的线条宽度。【实例6.4】 绘制“交通灯”。(实例位置:资源包\TM\sl\6\04)
编写一个程序,使用circle()方法分别绘制红色的、黄色的和绿色的3个实心圆形,用于模拟交通灯。这3个实心圆形的半径均为40,并且呈水平方向放置,代码如下:

 import numpy as np # 导入Python中的numpy模块
 import cv2
 # np.zeros():创建了一个画布
 # (100, 300, 3):一个100 x 300,具有3个颜色空间(即Red、Green和Blue)的画布
 # np.uint8:OpenCV中的灰度图像和RGB图像都是以uint8存储的,因此这里的类型也是uint8
 canvas = np.zeros((100, 300, 3), np.uint8)

在画布上,绘制一个圆心坐标为(50, 50)、半径为40、红色的实心圆形

 canvas = cv2.circle(canvas, (50, 50), 40, (0, 0, 255), -1)
 # 在画布上,绘制一个圆心坐标为(150, 50)、半径为40、黄色的实心圆形
 canvas = cv2.circle(canvas, (150, 50), 40, (0, 255, 255), -1)
 # 在画布上,绘制一个圆心坐标为(250, 50)、半径为40、绿色的实心圆形
 canvas = cv2.circle(canvas, (250, 50), 40, (0, 255, 0), -1)
 cv2.imshow("TrafficLights", canvas) # 显示画布
 cv2.waitKey()
 cv2.destroyAllWindows()

上述代码的运行结果如图6.7所示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yAtczgV0-1639056447712)(PythonOpenCV基础篇01.assets/image-20211118143049435.png)]

​ 图6.7 绘制“交通灯”
绘制圆形和绘制线段或者矩形一样容易,但是绘制圆形要比绘制线段或者矩形多一些趣味。例如,绘制同心圆、绘制随机圆等。

【实例6.5】 绘制同心圆。(实例位置:资源包\TM\sl\6\05)
编写一个程序,使用circle()方法和for循环绘制5个同心圆,这些圆形的圆心坐标均为画布的中心,半径的值分别为0,30,60,90和120,线条颜色均为绿色,线条宽度均为5,代码如下:

 import numpy as np # 导入Python中的numpy模块
 import cv2
 # np.zeros():创建了一个画布
 # (300, 300, 3):一个300 x 300,具有3个颜色空间(即Red、Green和Blue)的画布
 # np.uint8:OpenCV中的灰度图像和RGB图像都是以u
 #uint8存储的,因此这里的类型也是uint8
 canvas = np.zeros((300, 300, 3), np.uint8)

#shape[1]表示画布的宽度,center_X表示圆心的横坐标

#圆心的横坐标等于画布的宽度的一半

center_X = int(canvas.shape[1] / 2)

#shape[0]表示画布的高度,center_X表示圆心的纵坐标

#圆心的纵坐标等于画布的高度的一半

center_Y = int(canvas.shape[0] / 2)

#r表示半径;其中,r的值分别为0,30,60,90和120

for r in range(0, 150, 30):

#绘制一个圆心坐标为(center_X, center_Y)、半径为r、绿色的、线条宽度为5的圆形

	cv2.circle(canvas, (center_X, center_Y), r, (0, 255, 0), 5)
cv2.imshow("Circles", canvas) # 显示画布
cv2.waitKey()
cv2.destroyAllWindows()

上述代码的运行结果如图6.8所示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nLDk0APl-1639056447712)(PythonOpenCV基础篇01.assets/image-20211118143455707.png)]

​ 图6.8 绘制同心圆

【实例6.6】 绘制27个随机实心圆。(实例位置:资源包\TM\sl\6\06)
编写一个程序,使用circle()方法和for循环随机绘制27个实心圆。其中,圆心的横、纵坐标在[0, 299]内取值,半径在[11, 70]内取值,线条颜色由3个在[0, 255]内的随机数组成的列表表示,代码如下:

 import numpy as np # 导入Python中的numpy模块
 import cv2
 # np.zeros():创建了一个画布
 # (300, 300, 3):一个300 x 300,具有3个颜色空间(即Red、Green和Blue)的画布
 # np.uint8:OpenCV中的灰度图像和RGB图像都是以uint8存储的,因此这里的类型也是uint8
 canvas = np.zeros((300, 300, 3), np.uint8)
 # 通过循环绘制27个实心圆
 for numbers in range(0, 28):
     # 获得随机的圆心横坐标,这个横坐标在[0, 299]范围内取值
     center_X = np.random.randint(0, high = 300)
     # 获得随机的圆心纵坐标,这个纵坐标在[0, 299]范围内取值
     center_Y = np.random.randint(0, high = 300)
     # 获得随机的半径,这个半径在[11, 70]范围内取值
     radius = np.random.randint(11, high = 71)
     # 获得随机的线条颜色,这个颜色由3个在[0, 255]范围内的随机数组成的列表表示
     color = np.random.randint(0, high = 256, size = (3,)).tolist()
     # 绘制一个圆心坐标为(center_X, center_Y)、半径为radius、颜色为color的实心圆形
     cv2.circle(canvas, (center_X, center_Y), radius, color, -1)
 cv2.imshow("Circles", canvas) # 显示画布
 cv2.waitKey()
 cv2.destroyAllWindows()

上述代码的运行结果如图6.9所示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LKYsBafj-1639056447712)(PythonOpenCV基础篇01.assets/image-20211118143627408.png)]

                                                                              图6.9 绘制27个随机实心圆注意

因为OpenCV中的颜色值是一个列表(例如(0, 0, 255))等),所以color=np.random.randint(0, high =256, size=(3,)).tolist()中的.tolist()不能忽略,否则运行程序时会发生错误。

6.4 多边形的绘制

OpenCV提供了绘制多边形的polylines()方法,使用这个方法绘制的多边形既可以是闭合的,也可以是不闭合的。polylines()方法的语法格式如下:

 img = cv2.polylines(img, pts, isClosed, color, thickness)

参数说明:

img:画布。

pts:由多边形各个顶点的坐标组成的一个列表,这个列表是一个numpy的数组类型。

isClosed:如果值为True,表示一个闭合的多边形;如果值为False,表示一个不闭合的多边形。

color:绘制多边形时的线条颜色。

thickness:绘制多边形时的线条宽度。

【实例6.7】 绘制一个等腰梯形边框。
编写一个程序,按顺时针给出等腰梯形4个顶点的坐标,即(100, 50),(200, 50),(250, 250)和(50, 250)。在画布上根据4个顶点的坐标,绘制一个闭合的、红色的、线条宽度为5的等腰梯形边框,代码如下:

 import numpy as np # 导入Python中的numpy模块
 import cv2
 # np.zeros():创建了一个画布
 # (300, 300, 3):一个300 x 300,具有3个颜色空间(即Red、Green和Blue)的画布
 # np.uint8:OpenCV中的灰度图像和RGB图像都是以uuint8存储的,因此这里的类型也是uint8
 canvas = np.zeros((300, 300, 3), np.uint8)
 # 按顺时针给出等腰梯形4个顶点的坐标
 # 这4个顶点的坐标构成了一个大小等于“顶点个数 * 1 * 2”的数组
 # 这个数组的数据类型为np.int32
 pts = np.array([[100, 50], [200, 50], [250, 250], [50, 250]], np.int32)
 # 在画布上根据4个顶点的坐标,绘制一个闭合的、红色的、线条宽度为5的等腰梯形边框
 canvas = cv2.polylines(canvas, [pts], True, (0, 0, 255), 5)
 cv2.imshow("Polylines", canvas) # 显示画布
 cv2.waitKey()
 cv2.destroyAllWindows()

上述代码的运行结果如图6.10所示。注意
在绘制一个等腰梯形边框时,需按顺时针(即(100, 50),(200, 50),(250, 250)和(50, 250))或者逆时针(即(100, 50),(50, 250),(250, 250)和(200, 50))给出等腰梯形4个顶点的坐标,否则无法绘制一个等腰梯形边框。
例如,把实例6.7的第11行代码做如下修改:

 pts = np.array([[100, 50], [200, 50], [50, 250], [250, 250]], np.int32)

运行修改后的代码,得到如图6.11所示的结果。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lDz9C1Ta-1639056447717)(PythonOpenCV基础篇01.assets/image-20211118183008718.png)]

​ 图6.10 绘制一个等腰梯形边框

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rN5BZeTm-1639056447717)(PythonOpenCV基础篇01.assets/image-20211118183106168.png)]

​ 图6.11 不按顺时针或逆时针给出等腰梯形4个顶点的坐标的运行结果
再如,把实例6.7的第13行代码中的True修改为False,那么将绘制出一个不闭合的等腰梯形边框,代码如下:

 canvas = cv2.polylines(canvas, [pts], False, (0, 0, 255), 5) # 绘制一个不闭合的等腰梯形边框

运行修改后的代码,得到如图6.12所示的结果。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-apbXua2V-1639056447718)(PythonOpenCV基础篇01.assets/image-20211118183128142.png)]

​ 图6.12 绘制一个不闭合的等腰梯形边框

6.5 文字的绘制

OpenCV提供了用于绘制文字的putText()方法,使用这个方法不仅能够设置字体的样式、大小和颜色,而且能够使字体呈现斜体的效果,还能够控制文字的方向,进而使文字呈

  • 0
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值