【个人笔记】17 鼠标操作与响应

已于 2022-06-29 15:31:34 修改
阅读量1.4k 收藏 9
点赞数 7
分类专栏： OpenCV4 C++ 壹 文章标签： c++ opencv 计算机视觉
于 2022-01-23 23:51:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liandanba/article/details/122654685
版权

个人资料，仅供学习使用
学习课程：OpenCV4 C++ 快速入门视频30讲——贾志刚

17 鼠标操作与响应

opencv知识点：

  • 设置指定窗口的鼠标处理程序 - setMouseCallback()
  • 鼠标事件回调函数 - MouseCallback()
  • 简单提取矩形ROI区域 - image(box)

本课所解决的问题：

  • 如何通过鼠标绘制矩形？
  • 如何通过矩形选择ROI区域？

1.鼠标事件

要想在图像上，通过鼠标绘制图形，我们需要了解两个API

  • setMouseCallback
  • MouseCallback类型的回调函数
setMouseCallback
	设置指定窗口的鼠标处理程序
		共3个参数
			第1个参数 窗口名称
			第2个参数 处理鼠标事件的回调函数
			第3个参数 传递给回调函数的可选参数


MouseCallback类型的函数
	共5个参数，这5个参数全是针对鼠标的捕捉
		第1个参数 捕捉的鼠标事件（查阅文档可知，都有什么类型）
		第2个参数 捕捉的鼠标事件的x坐标
		第3个参数 捕捉的鼠标事件的y坐标
		第4个参数 标志捕捉的事件是哪一个键（有5种，查阅文档可知）
		第5个参数 void*类型的可选传入数据

2.通过鼠标绘制矩形

为了演示通过鼠标绘制矩形，我们选择三个鼠标事件

  • 左键按下 - EVENT_LBUTTONDOWN
  • 鼠标移动 - EVENT_MOUSEMOVE
  • 左键松开 - EVENT_LBUTTONUP

这里要注意几点

  • setMouseCallback要传入窗口的名字，所以要使用namedWindow事先创建一个窗口，不然会报错
  • 我们绘制矩形的时候，如果终点在图像外就会报错，只要根据if判断即可，不过本文没有处理

我们这里，实现了通过鼠标在四个区域绘制矩形

第一版 - 四区域绘制矩形

//函数定义
void mouse_drawing_demo(Mat& image);
//函数实现
Point sp(-1, -1), ep(-1, -1);
static void on_draw(int event, int x, int y, int flags, void* userdata) {

	Mat image = *((Mat*)userdata);

	if (event == EVENT_LBUTTONDOWN) {//左键按下
		sp.x = x;
		sp.y = y;
		std::cout << "起点：" << sp;
	}
	
	if (event == EVENT_LBUTTONUP) {//左键松开
		ep.x = x;
		ep.y = y;
		std::cout << "终点：" << ep << std::endl;

		int w = ep.x - sp.x;
		int h = ep.y - sp.y;

		
		if (w < 0 && h < 0) {//↖
			rectangle(image, Rect(sp.x+w, sp.y+h, -w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w < 0 && h >= 0) {//↙
			rectangle(image, Rect(sp.x+w, sp.y, -w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w >= 0 && h < 0) {//↗
			rectangle(image, Rect(sp.x, sp.y+h, w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		
		if (w >= 0 && h >= 0) {//↘
			rectangle(image, Rect(sp.x, sp.y, w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		imshow("鼠标绘制矩形", image);
	}
}

void QuickDemo::mouse_drawing_demo(Mat& image) {

	namedWindow("鼠标绘制矩形", WINDOW_AUTOSIZE);

	setMouseCallback("鼠标绘制矩形", on_draw, (void*)(&image));
	imshow("鼠标绘制矩形", image);

}

在这里插入图片描述

第二版 - 增加绘制轨迹

Point sp(-1, -1), ep(-1, -1);
static void on_draw(int event, int x, int y, int flags, void* userdata) {

	Mat image = *((Mat*)userdata);

	if (event == EVENT_LBUTTONDOWN) {//左键按下
		sp.x = x;
		sp.y = y;
		std::cout << "起点：" << sp;
		
	}

	
	if (flags == EVENT_FLAG_LBUTTON && event == EVENT_MOUSEMOVE) {//按下左键+鼠标移动
		ep.x = x;
		ep.y = y;

		int w = ep.x - sp.x;
		int h = ep.y - sp.y;


		if (w < 0 && h < 0) {//↖
			rectangle(image, Rect(sp.x + w, sp.y + h, -w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w < 0 && h >= 0) {//↙
			rectangle(image, Rect(sp.x + w, sp.y, -w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w >= 0 && h < 0) {//↗
			rectangle(image, Rect(sp.x, sp.y + h, w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}

		if (w >= 0 && h >= 0) {//↘
			rectangle(image, Rect(sp.x, sp.y, w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		imshow("鼠标绘制矩形", image);
	}
	if (event == EVENT_LBUTTONUP) {//左键松开
		ep.x = x;
		ep.y = y;
		std::cout << "终点：" << ep << std::endl;

		int w = ep.x - sp.x;
		int h = ep.y - sp.y;

		
		if (w < 0 && h < 0) {//↖
			rectangle(image, Rect(sp.x+w, sp.y+h, -w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w < 0 && h >= 0) {//↙
			rectangle(image, Rect(sp.x+w, sp.y, -w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w >= 0 && h < 0) {//↗
			rectangle(image, Rect(sp.x, sp.y+h, w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		
		if (w >= 0 && h >= 0) {//↘
			rectangle(image, Rect(sp.x, sp.y, w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		imshow("鼠标绘制矩形", image);
	}
}
void QuickDemo::mouse_drawing_demo(Mat& image) {

	namedWindow("鼠标绘制矩形", WINDOW_AUTOSIZE);

	setMouseCallback("鼠标绘制矩形", on_draw, (void*)(&image));
	imshow("鼠标绘制矩形", image);

}

在这里插入图片描述

第三版 - 只保留最新的绘制轨迹

Point sp(-1, -1), ep(-1, -1);
Mat temp;//保存最初图像
static void on_draw(int event, int x, int y, int flags, void* userdata) {

	Mat image = *((Mat*)userdata);

	if (event == EVENT_LBUTTONDOWN) {//左键按下
		sp.x = x;
		sp.y = y;
		std::cout << "起点：" << sp;
		
	}

	
	if (flags == EVENT_FLAG_LBUTTON && event == EVENT_MOUSEMOVE) {//按下左键+鼠标移动
		ep.x = x;
		ep.y = y;

		int w = ep.x - sp.x;
		int h = ep.y - sp.y;

		temp.copyTo(image);
		if (w < 0 && h < 0) {//↖
			rectangle(image, Rect(sp.x + w, sp.y + h, -w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w < 0 && h >= 0) {//↙
			rectangle(image, Rect(sp.x + w, sp.y, -w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w >= 0 && h < 0) {//↗
			rectangle(image, Rect(sp.x, sp.y + h, w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}

		if (w >= 0 && h >= 0) {//↘
			rectangle(image, Rect(sp.x, sp.y, w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		imshow("鼠标绘制矩形", image);
	}
	if (event == EVENT_LBUTTONUP) {//左键松开
		ep.x = x;
		ep.y = y;
		std::cout << "终点：" << ep << std::endl;

		int w = ep.x - sp.x;
		int h = ep.y - sp.y;

		
		if (w < 0 && h < 0) {//↖
			rectangle(image, Rect(sp.x+w, sp.y+h, -w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w < 0 && h >= 0) {//↙
			rectangle(image, Rect(sp.x+w, sp.y, -w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w >= 0 && h < 0) {//↗
			rectangle(image, Rect(sp.x, sp.y+h, w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		
		if (w >= 0 && h >= 0) {//↘
			rectangle(image, Rect(sp.x, sp.y, w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		imshow("鼠标绘制矩形", image);
	}
}

void QuickDemo::mouse_drawing_demo(Mat& image) {

	namedWindow("鼠标绘制矩形", WINDOW_AUTOSIZE);

	setMouseCallback("鼠标绘制矩形", on_draw, (void*)(&image));
	imshow("鼠标绘制矩形", image);

	temp = image.clone();
}

在这里插入图片描述

3.通过矩形选择ROI区域

接下来，我么试一下通过绘制矩形提取ROI区域

Point sp(-1, -1), ep(-1, -1);
Mat temp;//保存最初图像
static void on_draw(int event, int x, int y, int flags, void* userdata) {

	Mat image = *((Mat*)userdata);

	if (event == EVENT_LBUTTONDOWN) {//左键按下
		sp.x = x;
		sp.y = y;
		std::cout << "起点：" << sp;
	}
	if (flags == EVENT_FLAG_LBUTTON && event == EVENT_MOUSEMOVE) {//按下左键+鼠标移动
		
		temp.copyTo(image);//恢复最初图像
		
		ep.x = x;
		ep.y = y;
		int w = ep.x - sp.x;
		int h = ep.y - sp.y;

		if (w < 0 && h < 0) {//↖
			rectangle(image, Rect(sp.x + w, sp.y + h, -w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w < 0 && h >= 0) {//↙
			rectangle(image, Rect(sp.x + w, sp.y, -w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		if (w >= 0 && h < 0) {//↗
			rectangle(image, Rect(sp.x, sp.y + h, w, -h), Scalar(0, 0, 255), 2, 8, 0);
		}

		if (w >= 0 && h >= 0) {//↘
			rectangle(image, Rect(sp.x, sp.y, w, h), Scalar(0, 0, 255), 2, 8, 0);
		}
		imshow("鼠标绘制矩形", image);

	}
	if (event == EVENT_LBUTTONUP) {//左键松开
		ep.x = x;
		ep.y = y;
		std::cout << "终点：" << ep << std::endl;
		int w = ep.x - sp.x;
		int h = ep.y - sp.y;

		Rect box;//提取ROI用
		if (w < 0 && h < 0) {//↖
			rectangle(image, Rect(sp.x+w, sp.y+h, -w, -h), Scalar(0, 0, 255), 2, 8, 0);
			box = Rect(sp.x + w, sp.y + h, -w, -h);
		}
		if (w < 0 && h >= 0) {//↙
			rectangle(image, Rect(sp.x+w, sp.y, -w, h), Scalar(0, 0, 255), 2, 8, 0);
			box = Rect(sp.x + w, sp.y, -w, h);
		}
		if (w >= 0 && h < 0) {//↗
			rectangle(image, Rect(sp.x, sp.y+h, w, -h), Scalar(0, 0, 255), 2, 8, 0);
			box = Rect(sp.x, sp.y + h, w, -h);
		}
		
		if (w >= 0 && h >= 0) {//↘
			rectangle(image, Rect(sp.x, sp.y, w, h), Scalar(0, 0, 255), 2, 8, 0);
			box = Rect(sp.x, sp.y, w, h);
		}

		imshow("鼠标绘制矩形", image);

		imshow("ROI区域",temp(box));

	}
}

void QuickDemo::mouse_drawing_demo(Mat& image) {

	namedWindow("鼠标绘制矩形", WINDOW_AUTOSIZE);

	setMouseCallback("鼠标绘制矩形", on_draw, (void*)(&image));
	imshow("鼠标绘制矩形", image);

	temp = image.clone();
}

在这里插入图片描述
这里要注意几点

因为这只是一种简单的，通过矩形进行的ROI提取，提取的区域有时会有一些问题。
比如：提取矩形ROI区域时，如果box的width比较小，就会出现部分覆盖提取的问题。

在这里插入图片描述

本课所用API查阅

OpenCV 4.6.0 官方文档

setMouseCallback()

在这里插入图片描述
在这里插入图片描述

MouseCallback()

在这里插入图片描述
在这里插入图片描述

MouseEventFlags

在这里插入图片描述
在这里插入图片描述

MouseEventTypes

在这里插入图片描述
在这里插入图片描述

啦啦啦大赛第大所
关注
  • 7
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
c++语言中如何检测鼠标消息,怎么通过c++实现获取鼠标点击事件？
weixin_34405769的博客
05-23 2555
#include #include LRESULT CALLBACK WinProc(HWND hwnd,UINT uMsg,WPARAM wParam,LPARAM lParam);POINT pt={0,0};int WINAPI WinMain( HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nShowC...
OSG中模型响应键盘鼠标按键对模型进行操作
09-12
本篇学习笔记主要探讨如何使OSG中的模型响应键盘和鼠标按键，进而实现根据按键切换不同模型的功能。 首先，我们需要了解OSG的事件处理基础。在OSG中，事件处理由`osgGA::GraphicsEventQueue`和`osgGA::EventQueue`...
C++实现鼠标点击和获取鼠标位置（编译环境visual studio 2022）
u013232419的专栏
02-04 3827
C++实现鼠标点击和获取鼠标位置（编译环境visual studio 2022）
C++OpenCV（3）：基础交互（视频与鼠标操作）
ylh的博客
07-23 1025
openCV学习记录：基础交互详解：鼠标交互，视频处理与操作，滑动条交互
鼠标响应事件
lanhaiyin_m的博客
04-19 222
setMouseCallback是回调函数。
c++鼠标操作详解
mituan1234567的专栏
01-11 2万+
鼠标作为一种定位输入设备在Windows中得到了广泛的应用，通过鼠标的单击、双击功能和拖动功能，用户可以很容易地操作基于Windows图形界面的应用程序。Windows中通过光标来指示当前鼠标的位置，在Windows操作系统中预定义了几种光标，并在Windows.h头文件中加以定义，这些系统预定义的光标如表6-4所示。 用户也可以通过图形编辑器自定义光标形式，将其保存为扩展名为.cur的文件中，
C++实践之Qt学习（十一）：键盘鼠标事件
大家随意
07-26 1573
文章目录键盘事件鼠标事件 键盘事件 重写KeyPressEvent事件函数： virtual void keyPressEvent(QKeyEvent *event); void GameWnd::keyPressEvent(QKeyEvent *event) { qDebug() << event->key(); switch(event->key()) { case Qt::Key_Up: break; case Qt::
计算机操作系统考研笔记
04-12
操作系统是计算机科学中的核心课程，它是管理计算机硬件与软件资源的程序，同时也是用户与计算机之间的桥梁。这篇"计算机操作系统考研笔记"旨在帮助备考者深入理解操作系统的基本原理和机制，为考试做好充分准备。 ...
整理Javascript事件响应学习笔记
11-24
同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。 例：我们单击按钮时，触发 onclick 事件，并调用两个数和的函数add2()。 <html> <head> [removed] function add2(){ var numa,n
课程学习笔记-操作系统学习笔记（全） 期末版
01-09
3. 图形用户接口（GUI）：用户可以通过图形用户接口与操作系统交互，例如使用鼠标和键盘来执行特定的操作。 操作系统的四个特征： 1. 并发性：操作系统可以同时运行多个程序，提高计算机的处理能力和资源利用率。 ...
前端响应式布局笔记-媒体查询
最新发布
06-05
响应式布局是现代网页设计的关键技术之一，它使得网站能够适应不同设备的屏幕尺寸和分辨率，提供优秀的用户体验。媒体查询（Media Queries）是实现响应式布局的核心工具，它允许我们根据设备特性，如视口宽度、设备...
给按钮增加LButtonDown和LButtonUp消息响应函数步骤及实现
04-13
该文档用于说明如果在vc6的MFC程序中，给LButtonDown及LButtonUp增加消息响应函数
opencv c++ 鼠标操作与响应（17）
lucust的博客
10-24 931
/定义全局变量来辅助记录鼠标状态Mat temp;sp——鼠标左键点击点，初始化为（-1，-1）ep——鼠标左键松开点，初始化为（-1，-1）temp——用于保存原图，在实时反馈框图时不被过多的框遮住原图（即在鼠标移动绘制过程中，将带框图像重置为原图，并绘制新框图）这里需要定义鼠标左键被点击时、鼠标移动时，鼠标左键抬起时的事件。2、1鼠标左键被点击时更新起始点，反馈点击位置即可。2、2鼠标左键抬起时更新终止点，当框图是从左上往右下绘制时，绘制方框，并显示被方框框住的ROI区域，最后重置。
opencv技能树答题记录
时时总结，常常分享
01-20 2647
文章目录1、opencv获取图像2、图像像素颜色3、使用切片操作对图像进行处理4、图像灰度５、使用鼠标绘制矩形６、腐蚀膨胀开运算和闭运算７、联通区域分析８、寻找图像的轮廓 opencv技能树答题记录以及一些扩展学习记录，记录一些比较常用的，有些感觉也用不上就没写了。 自用，持续更新 1、opencv获取图像 获取opencv版本 import cv2 print(cv2.__version__) 步骤： 读取文件下的图像->显示图像->添加窗口->释放资源 import cv
c语言如何实现捕捉鼠标事件,怎么通过c++实现获取鼠标点击事件？
weixin_36411999的博客
05-21 1966
ITMISS#include #include LRESULT CALLBACK WinProc(HWND hwnd,UINT uMsg,WPARAM wParam,LPARAM lParam);POINT pt={0,0};int WINAPI WinMain( HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int ...
opencv中setMousecallback的用法
乐观开朗，积极向上
05-23 2842
opencv中的鼠标响应的函数是setMouseCallback(),可以实现画图的功能。     c++: void setMousecallback(const string& winname, MouseCallback onMouse, void* userdata=0)     winname:窗口的名字    onMouse:鼠标响应函数，回调函数。指定窗口里每次鼠
C#如何产生鼠标点击事件
u012842807的专栏
05-01 1万+
最近在系统的学习C#的知识，突然想到当初如何获取一个鼠标的左击事情而找了十几分钟的资料 今天在这里告诉大家如何获取鼠标点击事件 创建一个Window窗口工程 注意右边的属性鼠标的事情  鼠标的点击down就是要添加我的缩写的函数 这样我们的函数才能有点击的反应
C++ 获取鼠标点击位置
热门推荐
一个神奇的博客
02-21 2万+
C++ 获取鼠标点击位置 1.检测鼠标点击事件 GetAsyncKeyState函数可以检测按键点击事件 这里是它的函数原型： SHORT_stdcall GetAsyncKeyState(int vKey); 我们首先要根据这个函数定义一个宏KEY_DOWN，这样可以方便以后的调用 #define KEY_DOWN(VK_NONAME) ((GetAsyncKeyState(VK_NONAME) & 0x8000) ? 1:0) 对于他的取值，请看下表 常量名 对应按键
Opencv鼠标响应（框选以及取点）
朱铭德的博客
01-25 1万+
Opencv鼠标响应
ubuntu arm 笔记本键盘无响应
08-08
使用命令行或通过鼠标操作，更新或重新安装键盘驱动程序。你可以访问相关的厂商网站或社区论坛以获取适当的驱动程序。 5. 操作系统问题：某些情况下，操作系统本身可能出现问题，导致键盘无法正常工作。在这种情况...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

啦啦啦大赛第大所

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值