CV4 基于鼠标回调函数及轨迹调色的简单人机交互应用

简介: 创建鼠标回调函数具有特定的格式,该格式在所有地方都相同。它仅在功能上有所不同。

问:使用轨迹栏创建颜色和画笔半径可调的Paint应用程序?


一 鼠标回调函数


创建鼠标回调函数具有特定的格式,该格式在所有地方都相同。它仅在功能上有所不同。


因此,下列这段代码我们的鼠标回调函数可以做一件事——在我们双击的地方绘制一个圆圈


import cv2
import numpy as np
#定义一个鼠标回调函数,想要知道更多的鼠标事件,可通过以下屏蔽的代码实现
# import cv2 as cv
# events = [i for i in dir(cv) if 'EVENT' in i]
# print( events )
#定义一个鼠标回调函数的处理事件
def draw_circle(event,x,y,flags,param):
    if event == cv2.EVENT_LBUTTONDBLCLK:
        cv2.circle(img,(x,y),100,(0,0,255),-1)
img = np.zeros((512,512,3),np.uint8)
cv2.namedWindow('img')
# 鼠标事件检查,输入参数为:1.图片名,2.已定义的鼠标事件
cv2.setMouseCallback('img',draw_circle)
while(1):
    cv2.imshow('img',img)
    if cv2.waitKey(20) & 0xFF == 27:
        break
cv2.destroyAllWindows()


  • cv2.setMouseCallback函数


功能:鼠标事件检查


输入参数为:1.图片名,2.已定义的鼠标事件


下列是一些常见的鼠标事件


事件名 鼠标活动
EVENT_MOUSEMOVE 鼠标移动
EVENT_LBUTTONDOWN 左键点击
EVENT_RBUTTONDOWN 右键点击
EVENT_MBUTTONDOWN 中键点击
EVENT_LBUTTONUP 左键放开
EVENT_RBUTTONUP 右键放开
EVENT_MBUTTONUP 中键放开
EVENT_LBUTTONDBLCLK 左键双击
EVENT_RBUTTONDBLCLK 右键双击
EVENT_MBUTTONDBLCLK 中键双击


接下来,我们要进行更高级的操作——通过拖动鼠标来绘制矩形或圆形(取决于我们选择的模式)


import cv2
import numpy as np
drawing = False
mode = True
ix,iy=-1,-1
#多条件鼠标判断函数
def draw_circle(event,x,y,flags,param):
    global ix,iy,drawing,mode
    if event == cv2.EVENT_LBUTTONDOWN:
        drawing = True
        ix,iy = x,y
    elif event == cv2.EVENT_MOUSEMOVE:
        if drawing == True:
            if mode == True:
                cv2.rectangle(img,(ix,iy),(x,y),(0,0,0),5)
            else:
                cv2.circle(img,(x,y),5,(0,0,255),-1)
    elif event == cv2.EVENT_LBUTTONUP:
        drawing = False
        if mode == True:
            cv2.rectangle(img,(ix,iy),(x,y),(0,255,0),5)
        else:
            cv2.circle(img,(x,y),5,(0,0,255),-1)
img = np.zeros((720,1280,3),np.uint8)
cv2.namedWindow('img')
# 鼠标事件检查,输入参数为:1.图片名,2.已定义的鼠标事件
cv2.setMouseCallback('img',draw_circle)
while(1):
    cv2.imshow('img',img)
    if cv2.waitKey(50) & 0xFF == ord('m'):
        mode=~mode
    if cv2.waitKey(20) & 0xFF == 27:
        break
cv2.destroyAllWindows()


  • global是python里定义一个全局变量的意思
  • ix,iy=-1,-1是填充图形的意思
  • python里的取反操作为:mode=~mode


本质上,也是在我们def的函数那里,多加了几个条件判断而已


如果你的opencv-python的版本为4.5.x,那么你会出现以下报错:


error: (-27:Null pointer) NULL window: 'TrackBars' in function 'cvGetTrackbarPos'


想要消掉这个报错,我们需要把opencv-python的版本降到4.1.x


具体可以参考这篇博客


How can I fix get trackbar position error in pycharm?


二 轨迹栏作为调色板


我们将创建一个简单的应用程序,以显示您指定的颜色。您有一个显示颜色的窗口,


以及三个用于指定B、G、R颜色的跟踪栏。滑动轨迹栏,并相应地更改窗口颜色。


默认情况下,初始颜色将设置为黑色


import numpy as np
import cv2
def nothing(x):
    pass
image = np.zeros((300,512,3),np.uint8)
cv2.namedWindow('image')
cv2.createTrackbar('R','image',0,255,nothing)
cv2.createTrackbar('G','image',0,255,nothing)
cv2.createTrackbar('B','image',0,255,nothing)
switch = '0:OFF \n 1:ON'
cv2.createTrackbar(switch,'image',0,1,nothing)
while(1):
    cv2.imshow('image',image)
    if cv2.waitKey(20)&0xFF == ord('q'):
        break
    r = cv2.getTrackbarPos('R','image')
    g = cv2.getTrackbarPos('G','image')
    b = cv2.getTrackbarPos('B','image')
    s = cv2.getTrackbarPos(switch,'image')
    if s == 0:
        image[:] = 0
    else:
        image[:] = [b,g,r]
cv2.destroyAllWindows()


cv2.namedWindow(‘image’)命名的image窗口名,即是下面各个函数的**‘要显示的窗口名’**,不可改变


  • cv2.createTrackbar函数


功能:创造一个在图片上可见的轨道,可供用户调控


输入参数:1.名称 2.要显示的窗口名(你必须优先定义,且名字必须相同)


3.最小值 4.最大值 5.事件函数(这里是nothing,即不做什么)


  • cv2.getTrackbarPos函数


功能:实时获取用户改变的数据


输入参数:1.轨道名 2.窗口名


三 使用轨迹栏创建颜色和画笔半径可调的Paint应用程序


import numpy as np
import cv2
ix,iy=-1,-1
drawing=False
#多条件鼠标判断函数
def draw_circle(event,x,y,flags,param):
    global ix,iy,drawing,mode,b,g,r
# drawing的作用是记录轨迹什么时候开始,什么时候结束
    if event == cv2.EVENT_LBUTTONDOWN:
        drawing = True
        ix,iy = x,y
    elif event == cv2.EVENT_MOUSEMOVE:
        if drawing == True:
           cv2.circle(image,(x,y),size,(b,g,r),-1)
    elif event == cv2.EVENT_LBUTTONUP:
        drawing = False
        cv2.circle(image,(x,y),size,(b,g,r),-1)
# 为了配合cv2.createTrackbar函数使用
def nothing(x):
    pass
# 创建一个白色画布
image = np.zeros((300,512,3),np.uint8)+255
cv2.namedWindow('image')
# 创建轨道,分别是R,G,B,画笔大小
cv2.createTrackbar('R','image',0,255,nothing)
cv2.createTrackbar('G','image',0,255,nothing)
cv2.createTrackbar('B','image',0,255,nothing)
cv2.createTrackbar('SIZE','image',0,10,nothing)
# 鼠标事件检查,输入参数为:1.图片名,2.已定义的鼠标事件
cv2.setMouseCallback('image',draw_circle)
while(1):
    cv2.imshow('image',image)
    if cv2.waitKey(20)&0xFF == ord('q'):
        break
# 实时获取轨道的值
    r = cv2.getTrackbarPos('R', 'image')
    g = cv2.getTrackbarPos('G', 'image')
    b = cv2.getTrackbarPos('B', 'image')
    size = cv2.getTrackbarPos('SIZE','image')
cv2.destroyAllWindows()


size是画笔的大小,ix/iy是记录第一次按下的点的位置


四 效果图


94749f7dd94d525f9b7c2d2899d34e0d.png


R/G/B/Size均可调,满足题目要求~

相关文章
FW怎么做立体箭头? fireworks三维立体箭头的制作方法
我们在FW绘制图形时,有时候经常需要用到立体的效果。该怎么回执箭头并添加立体效果呢?下面我们就来看看详细的教程。
FW怎么做立体箭头? fireworks三维立体箭头的制作方法
Halcon找圆系列(1)如何检测圆形
Halcon找圆系列(1)如何检测圆形
1869 0
Halcon找圆系列(1)如何检测圆形
|
3月前
|
计算机视觉
基于鼠标事件与键盘控制的针对鼠标运动轨迹的
该文章介绍了一个基于鼠标事件和键盘控制的图像ROI截取工具的实现,包括使用OpenCV库监听鼠标事件、记录鼠标拖拽轨迹、绘制多边形ROI以及应用掩模提取感兴趣区域的代码示例和运行效果展示。
|
5月前
|
图形学
【unity小技巧】实现FPS武器的瞄准放大效果(UGUI实现反向遮罩,全屏遮挡,局部镂空效果)
【unity小技巧】实现FPS武器的瞄准放大效果(UGUI实现反向遮罩,全屏遮挡,局部镂空效果)
80 1
|
6月前
|
机器学习/深度学习 算法 人机交互
HMI-31-【运动模式】解决音乐模块图片显示问题
上一篇中,我们基本实现了音乐模块的布局显示,但是留了个小尾巴,就是图片显示,这个模块中,图片不是方正的,而是有透视的,但是呢,Qt的图像显示显示,我还没有研究那么深入,所以目前只能是像,但是肯定不是真真的透视。我是利用遮罩来实现的,其实还是平面的图片,仅仅是用了一个透视的图片模版来覆盖一下。
HMI-31-【运动模式】解决音乐模块图片显示问题
|
6月前
[Qt5] 鼠标中心为基准缩放图像(halcon实现)
[Qt5] 鼠标中心为基准缩放图像(halcon实现)
238 0
|
存储 数据可视化 数据管理
处理RGB-D图像数据以构建室内环境地图并估计相机的轨迹
视觉同步定位和映射 (vSLAM) 是指计算摄像机相对于周围环境的位置和方向,同时映射环境的过程。 您可以使用单眼摄像头执行 vSLAM。但是,深度无法准确计算,估计的轨迹未知,并且随着时间的推移而漂移。要生成无法从第一帧开始三角测量的初始地图,必须使用单眼相机的多个视图。更好、更可靠的解决方案是使用 RGB-D 相机,它由一个 RGB 彩色图像和一个深度图像组成。
189 0
|
移动开发 小程序 前端开发
h5,小程序飞入购物车(抛物线绘制运动轨迹点)
小程序飞入购物车,一次性解决!
h5,小程序飞入购物车(抛物线绘制运动轨迹点)