Qt下使用OpenCV的鼠标回调函数进行圆形/矩形/多边形的绘制

文章目录

  • 前言
  • 一、设置imshow显示窗口
  • 二、绘制圆形
  • 三、绘制矩形
  • 四、绘制多边形
  • 五、示例完整代码
  • 总结


前言

本文主要讲述了在Qt下使用OpenCV的鼠标回调在OpenCV的namedWindow和imshow函数显示出来的界面上进行一些图形的绘制,并最终将绘制好的图形显示在QLabel上。示例代码见文章内容,大家可以参考学习,如有错误之处,欢迎大家批评指正。

项目效果
请添加图片描述


提示:以下是本篇文章正文内容,下面案例可供参考

一、设置imshow显示窗口

这里对imshow出来的窗口进行了初始化,在namedWindow函数中设置了WINDOW_NORMAL标志,用来允许用户调整窗口大小。

//开始绘制区域
void Widget::startDrawArea(Mat imageMat)
{
    if(imageMat.empty())
    {
        QMessageBox::warning(this,"警告","请先选择显示图像!");
        return;
    }

    //显示绘图窗口
    QString title = "绘制区域";
    string strTitle = title.toLocal8Bit().toStdString();
    namedWindow(strTitle,WINDOW_NORMAL);

    //设置窗口的初始位置和大小
    moveWindow(strTitle,690,290);
    resizeWindow(strTitle,400,400);

    //设置鼠标回调函数
    m_drawMat = getDrawAreaMat();
    setMouseCallback(strTitle,mouseHandler,&imageMat);

    //显示图像并等待用户操作
    imshow(strTitle,m_drawMat);
    waitKey(0);
}

二、绘制圆形

绘制圆形的时候,鼠标左键按下记录当前点位为圆心,按下并移动时记录移动的距离为半径,并作判断确保绘制的圆不会超出图形边界,这里会实时显示绘制的圆形,左键松开时结束圆的绘制。

//绘制圆形
if(m_drawCircleFlag)
{
    m_drawCircleFlag = false;
    Point pt = Point(x,y);
    m_radius = norm(pt - m_center);
    int radiusMax = std::min(m_center.x,resultMat.cols - m_center.x);
    radiusMax = std::min(radiusMax,m_center.y);
    radiusMax = std::min(radiusMax,resultMat.rows - m_center.y);
    if(m_radius > radiusMax)
    {
        m_radius = radiusMax;
    }
    circle(resultMat, m_center, m_radius, Scalar(0, 0, 255), 1, LINE_AA);
    m_drawMat = resultMat.clone();
    imshow(strTitle, m_drawMat);
}

三、绘制矩形

绘制矩形的时候,鼠标左键按下记录当前点位为矩形的起点,按下并移动时记录当前点位为矩形的终点,在移动过程中也会实时显示绘制出来的矩形,左键松开时结束矩形的绘制。

//绘制矩形
if(m_drawRectFlag)
{
    m_drawRectFlag = false;
    m_endPoint = Point(x, y);
    rectangle(resultMat, Rect(m_startPoint,m_endPoint), Scalar(0, 255, 0), 1, LINE_AA);
    m_drawMat = resultMat.clone();
    imshow(strTitle, m_drawMat);
}

四、绘制多边形

多边形需要获取各个顶点,所以这里在每次鼠标左键松开时将当前点保存到多边形顶点容器中,并在获取下一个顶点时将其与前一点相连起来,直到鼠标右键按下,将最后一点与第一点相连,结束多边形的绘制。这里每两点之间的连线使用了line函数,在结束绘制时还可以使用polylines函数,下面代码中有编写。

//绘制多边形
m_drawPolygonFlag = false;
if(m_vPolygon.size() > 2)
{
    //如果已经绘制了多个点,将最后一个点与第一个点连接起来
    line(resultMat, m_vPolygon[0], m_vPolygon.back(), Scalar(255, 0, 0), 1, LINE_AA);

    //或者使用polylines绘制
    //vector<vector<cv::Point>> polygons;
    //polygons.push_back(m_vPolygon);
    //polylines(resultMat, polygons, 1, Scalar(255, 0, 0), 1, LINE_AA, 0);

    imshow(strTitle, resultMat);
}

五、示例完整代码

1.MyTest.pro
在这里我将OpenCV库的头文件和库文件打包到了OpenCV文件夹,并放在项目源程序的目录下,然后在pro文件中包含这个路径,代码如下:

#OpenCV
INCLUDEPATH += $$PWD/OpenCV/Includes
DEPENDPATH += $$PWD/OpenCV/Includes
LIBS += -L$$PWD/OpenCV/Lib/ -lopencv_world455

2.widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QMessageBox>
#include <QFileDialog>
#include <QDebug>

#include "opencv2/opencv.hpp"

using namespace cv;
using namespace std;

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

    Mat getDrawAreaMat();
    QPixmap cvMatToPixmap(const Mat imageMat);

    void startDrawArea(Mat imageMat);

private:
    static void mouseHandler(int event, int x, int y, int flags, void* param);

private slots:
    void on_pb_selectMat_clicked();
    void on_pb_drawCircle_clicked();
    void on_pb_drawRect_clicked();
    void on_pb_drawPolygon_clicked();

private:
    Ui::Widget *ui;

    Mat m_showMat;   //界面显示图像

};
#endif // WIDGET_H

3.widget.cpp

#include "widget.h"
#include "ui_widget.h"

//全局变量
Mat m_drawMat;   //绘制的图像

bool m_drawCircleFlag = false;    //绘制圆形标志
bool m_drawRectFlag = false;      //绘制矩形标志
bool m_drawPolygonFlag = false;   //绘制多边形标志

int m_radius = 0;               //绘制圆的半径
Point m_center = Point();       //绘制圆的圆心
Point m_startPoint = Point();   //绘制矩形的起点
Point m_endPoint = Point();     //绘制矩形的终点
vector<Point> m_vPolygon;       //多边形的顶点容器

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    this->setFixedSize(650,420);
}

Widget::~Widget()
{
    delete ui;
}

//显示绘制的区域
Mat Widget::getDrawAreaMat()
{
    //绘制圆
    Mat showMat = m_showMat.clone();
    if((m_radius != 0) && (m_center != Point(0,0)))
    {
        circle(showMat, m_center, m_radius, Scalar(0, 0, 255), 1, LINE_AA);
    }

    //绘制矩形
    if((m_startPoint != Point(0,0)) && (m_endPoint != Point(0,0)))
    {
        rectangle(showMat, Rect(m_startPoint,m_endPoint), Scalar(0, 255, 0), 1, LINE_AA);
    }

    //绘制多边形
    int vNum = m_vPolygon.size();
    for(int i=1;i<vNum;i++)
    {
        line(showMat, m_vPolygon[i-1], m_vPolygon[i], Scalar(255, 0, 0), 1, LINE_AA);
        if(i == vNum-1)
        {
            line(showMat, m_vPolygon[0], m_vPolygon.back(), Scalar(255, 0, 0), 1, LINE_AA);
        }
    }
    return showMat;
}

//Mat转QPixmap
QPixmap Widget::cvMatToPixmap(const Mat imageMat)
{
    QImage showImage;
    if(imageMat.channels() > 1)
    {
        showImage = QImage((const unsigned char*)(imageMat.data),imageMat.cols,imageMat.rows,imageMat.step,QImage::Format_RGB888);   //彩色图
    }
    else
    {
        showImage = QImage((const unsigned char*)(imageMat.data),imageMat.cols,imageMat.rows,imageMat.step,QImage::Format_Indexed8);   //灰度图
    }

    //OpenCV使用BGR顺序,而Qt使用RGB顺序,因此需要交换颜色通道
    return QPixmap::fromImage(showImage.rgbSwapped());
}

//开始绘制区域
void Widget::startDrawArea(Mat imageMat)
{
    if(imageMat.empty())
    {
        QMessageBox::warning(this,"警告","请先选择显示图像!");
        return;
    }

    //显示绘图窗口
    QString title = "绘制区域";
    string strTitle = title.toLocal8Bit().toStdString();
    namedWindow(strTitle,WINDOW_NORMAL);

    //设置窗口的初始位置和大小
    moveWindow(strTitle,690,290);
    resizeWindow(strTitle,400,400);

    //设置鼠标回调函数
    m_drawMat = getDrawAreaMat();
    setMouseCallback(strTitle,mouseHandler,&imageMat);

    //显示图像并等待用户操作
    imshow(strTitle,m_drawMat);
    waitKey(0);
}

//鼠标回调函数
void Widget::mouseHandler(int event, int x, int y, int flags, void* param)
{
    QString title = "绘制区域";
    string strTitle = title.toLocal8Bit().toStdString();
    Mat resultMat = *(Mat*)param;
    if(event == EVENT_LBUTTONDOWN)   //鼠标左键按下
    {
        //绘制圆,确定圆心
        if(m_drawCircleFlag)
        {
            m_center = Point(x,y);
        }

        //绘制矩形,确定起点
        if(m_drawRectFlag)
        {
            m_startPoint = Point(x,y);
        }
    }
    else if(event == EVENT_MOUSEMOVE && (flags & EVENT_FLAG_LBUTTON))   //左键按下并移动
    {
        //实时显示绘制的圆
        if(m_drawCircleFlag)
        {
            //计算半径
            Point pt = Point(x,y);
            m_radius = norm(pt - m_center);

            //确保圆不会超出图像边界
            int radiusMax = std::min(m_center.x,resultMat.cols - m_center.x);
            radiusMax = std::min(radiusMax,m_center.y);
            radiusMax = std::min(radiusMax,resultMat.rows - m_center.y);
            if(m_radius > radiusMax)
            {
                m_radius = radiusMax;
            }
            m_drawMat = resultMat.clone();
            circle(m_drawMat, m_center, m_radius, Scalar(0, 0, 255), 1, LINE_AA);
            imshow(strTitle, m_drawMat);
        }

        //实时显示绘制的矩形
        if(m_drawRectFlag)
        {
            m_endPoint = Point(x, y);
            m_drawMat = resultMat.clone();
            rectangle(m_drawMat, Rect(m_startPoint,m_endPoint), Scalar(0, 255, 0), 1, LINE_AA);
            imshow(strTitle, m_drawMat);
        }
    }
    else if(event == EVENT_LBUTTONUP)   //鼠标左键抬起
    {
        //结束绘制圆
        if(m_drawCircleFlag)
        {
            m_drawCircleFlag = false;
            Point pt = Point(x,y);
            m_radius = norm(pt - m_center);
            int radiusMax = std::min(m_center.x,resultMat.cols - m_center.x);
            radiusMax = std::min(radiusMax,m_center.y);
            radiusMax = std::min(radiusMax,resultMat.rows - m_center.y);
            if(m_radius > radiusMax)
            {
                m_radius = radiusMax;
            }
            circle(resultMat, m_center, m_radius, Scalar(0, 0, 255), 1, LINE_AA);
            m_drawMat = resultMat.clone();
            imshow(strTitle, m_drawMat);
        }

        //结束绘制矩形
        if(m_drawRectFlag)
        {
            m_drawRectFlag = false;
            m_endPoint = Point(x, y);
            rectangle(resultMat, Rect(m_startPoint,m_endPoint), Scalar(0, 255, 0), 1, LINE_AA);
            m_drawMat = resultMat.clone();
            imshow(strTitle, m_drawMat);
        }

        //绘制多边形的各顶点
        if(m_drawPolygonFlag)
        {
            m_vPolygon.push_back(Point(x, y));
            for(size_t i = 1; i < m_vPolygon.size(); i++)
            {
                line(resultMat, m_vPolygon[i-1], m_vPolygon[i], Scalar(255, 0, 0), 1, LINE_AA);
            }
            imshow(strTitle, resultMat);
        }
    }
    else if(event == EVENT_RBUTTONDOWN)   //鼠标右键按下
    {
        //结束绘制多边形
        m_drawPolygonFlag = false;
        if(m_vPolygon.size() > 2)
        {
            //如果已经绘制了多个点,将最后一个点与第一个点连接起来
            line(resultMat, m_vPolygon[0], m_vPolygon.back(), Scalar(255, 0, 0), 1, LINE_AA);

            //或者使用polylines绘制
            //vector<vector<cv::Point>> polygons;
            //polygons.push_back(m_vPolygon);
            //polylines(resultMat, polygons, 1, Scalar(255, 0, 0), 1, LINE_AA, 0);

            imshow(strTitle, resultMat);
        }
    }
}

//选择图像
void Widget::on_pb_selectMat_clicked()
{
    QString fileName = QFileDialog::getOpenFileName(this,"选择图像文件","E:/PhotoTest/myPhoto","Image Files(*.png *.jpg *.bmp)");
    if(!fileName.isEmpty())
    {
        m_showMat = imread(fileName.toLocal8Bit().toStdString(),1);

        //更新界面显示
        QPixmap showPixmap = cvMatToPixmap(m_showMat);
        if(!showPixmap.isNull())
        {
            ui->lb_showMat->setPixmap(showPixmap.scaled(ui->lb_showMat->size(),Qt::KeepAspectRatio,Qt::SmoothTransformation));   //保持比例
        }
        else
        {
            QMessageBox::warning(this,"警告","图像文件打开失败!");
        }
    }
}

//绘制圆形
void Widget::on_pb_drawCircle_clicked()
{
    setEnabled(false);
    m_drawCircleFlag = true;
    m_drawRectFlag = false;
    m_drawPolygonFlag = false;

    m_radius = 0;
    m_center = Point(0,0);
    startDrawArea(m_showMat.clone());

    //更新界面显示
    QPixmap showPixmap = cvMatToPixmap(getDrawAreaMat());
    if(!showPixmap.isNull())
    {
        ui->lb_showMat->setPixmap(showPixmap.scaled(ui->lb_showMat->size(),Qt::KeepAspectRatio,Qt::SmoothTransformation));
    }
    setEnabled(true);
}

//绘制矩形
void Widget::on_pb_drawRect_clicked()
{
    //点击后禁用窗口交互
    setEnabled(false);
    m_drawCircleFlag = false;
    m_drawRectFlag = true;
    m_drawPolygonFlag = false;

    m_startPoint = Point(0,0);
    m_endPoint = Point(0,0);
    startDrawArea(m_showMat.clone());
    QPixmap showPixmap = cvMatToPixmap(getDrawAreaMat());
    if(!showPixmap.isNull())
    {
        ui->lb_showMat->setPixmap(showPixmap.scaled(ui->lb_showMat->size(),Qt::KeepAspectRatio,Qt::SmoothTransformation));
    }

    //绘制结束后开启交互
    setEnabled(true);
}

//绘制多边形
void Widget::on_pb_drawPolygon_clicked()
{
    setEnabled(false);
    m_drawCircleFlag = false;
    m_drawRectFlag = false;
    m_drawPolygonFlag = true;

    m_vPolygon.clear();
    startDrawArea(m_showMat.clone());
    QPixmap showPixmap = cvMatToPixmap(getDrawAreaMat());
    if(!showPixmap.isNull())
    {
        ui->lb_showMat->setPixmap(showPixmap.scaled(ui->lb_showMat->size(),Qt::KeepAspectRatio,Qt::SmoothTransformation));
    }
    setEnabled(true);
}

4.widget.ui
请添加图片描述

总结

在Qt下使用OpenCV务必要配置好环境,这样才能正常使用OpenCV的函数。可以看到在这个示例中使用的都是一些基本的函数,但是很好的实现了本文标题所写的功能。在本人之前的文章中,也有使用Qt的事件过滤器来实现这个功能,见下文参考博客。


hello:
共同学习,共同进步,如果还有相关问题,可在评论区留言进行讨论。

参考博客:Qt实现在QLabel上显示图片并进行线条/矩形框/多边形的绘制

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/797058.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

算法笔记——LCR

一.LCR 152. 验证二叉搜索树的后序遍历序列 题目描述&#xff1a; 给你一个二叉搜索树的后续遍历序列&#xff0c;让你判断该序列是否合法。 解题思路&#xff1a; 根据二叉搜索树的特性&#xff0c;二叉树搜索的每一个结点&#xff0c;大于左子树&#xff0c;小于右子树。…

到底哪些牌子的鼠标好?选择鼠标需要注意哪些问题?

鼠标的选择从外观材质、手感、配置到价格定位都不尽相同&#xff0c;消费者的选择也越来越多。一般在选择鼠标时&#xff0c;我们也会发现鼠标能够选择的品牌虽然众多&#xff0c;但是不同品牌下的鼠标在品质和款式上都是大不相同的&#xff0c;那么到底哪些牌子的鼠标好呢?我…

【Python】数据分析-Matplotlib绘图

数据分析 Jupyter Notebook Jupyter Notebook: 一款用于编程、文档、笔记和展示的软件。 启动命令&#xff1a; jupyter notebookMatplotlib 设置中文格式&#xff1a;plt.rcParams[font.sans-serif] [KaiTi] # 查看本地所有字体 import matplotlib.font_manager a sorted…

uniapp使用多列布局显示图片,一行两列

完整代码&#xff1a; <script setup>const src "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg" </script><template><view class"content"><view class"img-list"><image :src"src…

zabbix web页面添加对nginx监控

1.nginx安装zabbix-agent2,并修改配置文件中server地址为zabbix-server的地址 ]# egrep ^Server|^Hostname /etc/zabbix/zabbix_agent2.conf Server172.16.1.162 ServerActive172.16.1.162 Hostnameweb01 2.zabbix web页面上进行添加客户端 3.默认的nginx监控模板中的状态模块…

基于Opencv的裂缝检测及测量

最终效果如下: 不仅标出了裂纹位置,还标出了裂纹的尺寸 原图如下: 核心原理就是基于opencv的图片处理及轮廓查找,具体逻辑看代码,话不多说上代码: # 在一张图片上检测圆 import cv2 import numpy as npdef detect_circle(img):"""在一张图片上检测圆img…

Prometheus 云原生 - 微服务监控报警系统 (Promethus、Grafana、Node_Exporter)部署、简单使用

目录 开始 Prometheus 介绍 基本原理 组件介绍 下文部署组件的工作方式 Prometheus 生态安装&#xff08;Mac&#xff09; 安装 prometheus 安装 grafana 安装 node_exporter Prometheus 生态安装&#xff08;Docker&#xff09; 安装 prometheus 安装 Grafana 安装…

mysql-联合查询

一.联合查询的概念 .对于unio查询,就是把多次查询的结果合并起来,形成一个新的查询果集。 SELECT 字段列表 FROM 表A... UNION[ALL] SELECT 字段列表 FROM 表B...&#xff0c; 二.将薪资低于5000的员工,和年龄大于50岁的员工全部查询出来 select * from emp where salary&…

【数智化CIO展】沃太能源CIO陈丽:AI 浪潮下的中国企业数智化转型机遇与挑战...

陈丽 本文由沃太能源CIO陈丽投递并参与由数据猿联合上海大数据联盟共同推出的《2024中国数智化转型升级优秀CIO》榜单/奖项评选。 大数据产业创新服务媒体 ——聚焦数据 改变商业 在当今飞速发展的数字时代&#xff0c;中国企业正面临着前所未有的变革机遇和挑战。“中国企业数…

02:项目二:感应开关盖垃圾桶

感应开关盖垃圾桶 1、PWM开发SG901.1、怎样通过C51单片机输出PWM波&#xff1f;1.2、通过定时器输出PWM波来控制SG90 2、超声波测距模块的使用3、感应开关盖垃圾桶 需要材料&#xff1a; 1、SG90舵机模块 2、HC-SR04超声波模块 3、震动传感器 4、蜂鸣器 5、若干杜邦线 1、PWM开…

win10 docker-compose搭建ELK日志收集

elk的威名大家都知道&#xff0c;以前前司有专门的人维护&#xff0c;现在换了环境&#xff0c;实在不想上服务器看&#xff0c;所以就摸索下自己搭建&#xff0c;由于现场服务器是需要类似向日葵那样连接&#xff0c;我还是把日志弄回来&#xff0c;自己本地filebeat上传到es中…

WPF学习(2) -- 样式基础

一、代码 <Window x:Class"学习.MainWindow"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d"http://schemas.microsoft.com/expression/blend/2008&…

jenkins系列-02.配置jenkins

首先&#xff1a;我们要给jenkins配备jdkmaven: 从上一节我们知道 ~/dockerV/jenkins/jenkins/data目录 就是 容器中jenkins的home目录 所以把jdkmaven 放在当前宿主机上的 ~/dockerV/jenkins/jenkins/data目录下即可 容器内&#xff1a; 开始配置jenkins: 注意是在jenkins…

护网HW面试常问——组件中间件框架漏洞(包含流量特征)

apache&iis&nginx中间件解析漏洞 参考我之前的文章&#xff1a;护网HW面试—apache&iis&nginx中间件解析漏洞篇-CSDN博客 log4j2 漏洞原理&#xff1a; 该漏洞主要是由于日志在打印时当遇到${后&#xff0c;以:号作为分割&#xff0c;将表达式内容分割成两部…

时间轮算法理解、Kafka实现

概述 TimingWheel&#xff0c;时间轮&#xff0c;简单理解就是一种用来存储若干个定时任务的环状队列&#xff08;或数组&#xff09;&#xff0c;工作原理和钟表的表盘类似。 关于环形队列&#xff0c;请参考环形队列。 时间轮由两个部分组成&#xff0c;一个环状数组&…

韦东山嵌入式linux系列-驱动设计的思想(面向对象/分层/分离)

1 面向对象 字符设备驱动程序抽象出一个 file_operations 结构体&#xff1b; 我们写的程序针对硬件部分抽象出 led_operations 结构体。 2 分层 上下分层&#xff0c;比如我们前面写的 LED 驱动程序就分为 2 层&#xff1a; ① 上层实现硬件无关的操作&#xff0c;比如注册…

WPF学习(3) -- 控件模板

一、操作过程 二、代码 <Window x:Class"学习.MainWindow"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d"http://schemas.microsoft.com/expressio…

css基础(1)

CSS CCS Syntax CSS 规则由选择器和声明块组成。 CSS选择器 CSS选择器用于查找想要设置样式的HTML元素 一般选择器分为五类 Simple selectors (select elements based on name, id, class) 简单选择器&#xff08;根据名称、id、类选择元素&#xff09; //页面上的所有 …

WEB前端03-CSS3基础

CSS3基础 1.CSS基本概念 CSS是Cascading Style Sheets&#xff08;层叠样式表&#xff09;的缩写&#xff0c;它是一种对Web文档添加样式的简单机制&#xff0c;是一种表现HTML或XML等文件外观样式的计算机语言&#xff0c;是一种网页排版和布局设计的技术。 CSS的特点 纯C…

Oracle使用fetch first子句报错:ORA-00933 SQL命令未正确结束

问题背景 今天在统计终端厂商告警次数Top10的时候使用SQL查询使用到了fetch first子句&#xff0c;结果执行报错&#xff1a;ORA-00933 SQL命令未正确结束。 报错原因 Oracle数据库中&#xff0c;使用 FETCH FIRST 子句需要启用 Oracle 12c 及以上版本。如果在较低版本的 Or…