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()方法,使用这个方法不仅能够设置字体的样式、大小和颜色,而且能够使字体呈现斜体的效果,还能够控制文字的方向,进而使文字呈