Loading...
首页专栏正文

[python opencv 计算机视觉零基础到实战] 十八、用鼠标进行画画

 
1人已赏
1_bit 发布于 2021-01-15 15:39:51 浏览 2785 点赞 96 收藏 8

一、学习目标

  1. 了解如何在图片中加入文字
  2. 了解如何使用鼠标进行图像绘制

目录

[python opencv 计算机视觉零基础到实战] 一、opencv的helloworld [python opencv 计算机视觉零基础到实战] 二、 opencv文件格式与摄像头读取 . . . [python opencv 计算机视觉零基础到实战] 十六、用opencv画画 . [python opencv 计算机视觉零基础到实战] 十七、深入ellipse方法

二、了解如何通过鼠标进行图像绘制

2.1 了解putText方法的使用

putText方法接收图像,文字内容, 坐标 ,字体,大小,颜色,字体厚度这几个参数,我们用中文的函数原型说明如下:

putText(图像,文字内容, 坐标 ,字体,大小,颜色,字体厚度)

我们可以首先自定义一张纯黑图片,代码如下:

import cv2
import numpy as np

img=np.zeros((800,800,3), np.uint8)

随后定义一个字体:

font = cv2.FONT_HERSHEY_SIMPLEX

以上是一个黑色简体,并且赋值到font变量中。接着我们使用putText参数,使用putText参数传入,代码如下:

cv2.putText(img,'Blog 1_bit @ebaina @csdn',(0,300), font,1,(255,255,255),1)

以上代码使用了putText方法,传入了img参数,为所需要绘制的图像,第二个参数为需要显示的内容,第三个是显示的其实坐标为(0,300),font表示为字体,1表示为字体的大小,(255,255,255)为字体的颜色,1为字体的厚度。我们接下来查看一下显示效果如何,完整代码如下:

import cv2
import numpy as np

img=np.zeros((800,800,3), np.uint8)
font=cv2.FONT_HERSHEY_SIMPLEX
cv2.putText(img,'Blog 1_bit @ebaina @csdn',(0,300), font,1,(255,255,255),1)
cv2.imshow("Image", img)
cv2.waitKey (0)
cv2.destroyAllWindows()

结果如下: 我们可以移动其实坐标查看绘制效果,例如改成100,300,结果如下: 更改字体大小以及更改字体厚度为2: 相比来说在图片上绘制颜色还是比较简单的。 我们也可以通过绘制出好看的图片文字,例如: 这种图片绘制起来很简单,只需要添加一个for循环并且每次改变颜色和大小就可以完成,首先我们引入随机库;

import random

随后定义一个字体大小变量以及bgr三通道的变量值:

fsize=2
b,g,r=255,255,255

接下来使用一个for循环,每次循环都改变大小以及bgr三通道值:

fsize+=0.05
b=random.uniform(0,255)
g=random.uniform(0,255)
r=random.uniform(0,255)

所有的完整代码如下:

import cv2
import numpy as np
import random

img=np.zeros((800,800,3), np.uint8)
font=cv2.FONT_HERSHEY_SIMPLEX

fsize=2
b,g,r=255,255,255
for i in range(5):
    fsize+=0.05
    b=random.uniform(0,255)
    g=random.uniform(0,255)
    r=random.uniform(0,255)
    cv2.putText(img,'Blog 1_bit',(100,300), font,fsize,(b,g,r),2)
cv2.imshow("Image", img)
cv2.waitKey (0)
cv2.destroyAllWindows()

这样就绘制出来了这种略带动感的图片,其实可以通过图片位置的不同变化让文字显示的更有梯度和层次。如改变x的值,每次使这个x坐标值向右移动,大小不变,代码如下:

xpoint=100
for i in range(5):
    b=random.uniform(0,255)
    g=random.uniform(0,255)
    r=random.uniform(0,255)
    xpoint+=1
    cv2.putText(img,'Blog 1_bit',(xpoint,300), font,2,(b,g,r),2)

结果如下: 再或者移动x轴,同理可得,不再赘述代码,结果如下: 这些效果都是可以移动上下左右坐标去进行位置的变换,从而达到不一样的肉眼视觉效果。

2.2 了解setMouseCallback方法的使用

其实setMouseCallback方法就是一个鼠标的回调函数,这个函数涉及到事件这个概念。我们可以把事件理解成一种响应触发,例如小明吃苹果时、小丽喝奶茶时、小杨唱歌时;这些事件可以有一个对应的动作进行处理。例如小明吃苹果时他会开心地手舞足蹈、小丽喝奶茶时会吐掉珍珠、小杨唱歌时他的舍友会说他唱的难听,这些事件触发了之后的响应。

setMouseCallback方法就是一个鼠标的事件回调函数。在我们在图片上进行双击时,我们若想在双击点进行绘制一个圆形,这个时候就需要这个setMouseCallback方法。

setMouseCallback方法接收两个参数,一个是要显示的窗口名称,还有一个是响应的处理函数。

首先我们创建一个窗口和一张图片:

img=np.zeros((800,800,3), np.uint8)
cv2.namedWindow('image')

随后使用setMouseCallback方法响应我们的鼠标事件:

cv2.setMouseCallback('image',draw_circle)

以上传入的第一个参数是image,表示窗口名为image,第二个参数是一个方法名,当我们鼠标进行操作后,我们需要一个函数对这个操作进行后续的响应。这个函数是需要进行创建的,我们可以创建出来,并且需要传入指定的参数:

def draw_circle(event,x,y,flags,param):
    if event==cv2.EVENT_LBUTTONDBLCLK:
        cv2.circle(img,(x,y),10,(255,0,0),1)

以上函数draw_circle中参数event会直接被setMouseCallback函数进行值的传递x,y,flags,param也是如此。我们先看event,event是表示你的鼠标进行了那些操作,例如event==cv2.EVENT_LBUTTONDBLCLK就表示判断event是否进行了双击事件;x与y是当前事件点的鼠标x与y坐标。 在draw_circle函数中,使用if语句判断了事件是否是双击事件,如果是,那么就绘制一个圆,圆中心就在双击的x与y坐标处。 最后使用循环以及显示图片显示内容,完整代码如下:

import cv2
import numpy as np

def draw_circle(event,x,y,flags,param):
    if event==cv2.EVENT_LBUTTONDBLCLK:
        cv2.circle(img,(x,y),10,(255,0,0),1)

img=np.zeros((800,800,3), np.uint8)
cv2.namedWindow('image')
cv2.setMouseCallback('image',draw_circle)
while(1):
    cv2.imshow('image',img)
    if cv2.waitKey(20)&0xFF==27:
        break
cv2.destroyAllWindows()

为什么不把setMouseCallback放到循环当中?那是因为以及指定了窗口名后就会使这个监听生效于这个窗口之中。运行结果如下:

三、总结

  1. 了解在图片中加入文字使用putText方法,并且可以通过位移或者改变大小、颜色增加字体的观感效果
  2. 了解使用鼠标进行图像绘制使用setMouseCallback方法,并且了解了事件是什么
CSDN博客专家,科技博主,十多年开发经验。

*本文仅代表作者观点,不代表易百纳技术社区立场。系作者授权易百纳技术社区发表,未经许可不得转载。

精彩评论

内容存在敏感词
打赏
打赏作者
1_bit
您的支持将鼓励我继续创作!
金额:
¥1 ¥5 ¥10 ¥50 ¥100
支付方式:
微信支付
支付宝支付
微信支付
打赏成功!

感谢您的打赏,如若您也想被打赏,可前往 发表专栏 哦~

易百纳技术社区
确定要删除此文章、专栏、评论吗?
确定
取消
易百纳技术社区