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

于 2024-07-13 14:47:40 发布
阅读量935 收藏 13
点赞数 13
文章标签： qt opencv
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XCJandLL/article/details/140370322
版权

文章目录

前言

本文主要讲述了在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上显示图片并进行线条/矩形框/多边形的绘制

电气徐小江
关注
AutoAnnotationTool：一种标签工具，旨在减少语义分割标签时间，支持矩形和多边形注释
02-05
AutoAnnotationTool 是一个专为语义分割任务设计的高效标签工具，它的主要目标是减少手动进行图像标注的时间。语义分割是一种计算机视觉技术，它要求将图像中的每个像素分配到预定义的类别中，比如人、车、背景等。...
PyQt5 在 QLabel 使用 QPainter 绘制矩形
zpeien
07-17 1万+
一.基础使用 在QLabel 上绘制矩形,需要使用paintEvent 并且重写paintEvent 函数,因为Qpainter 在QWidget 上不会报错,在其他地方直接使用就会报错. from PyQt5.QtGui import QImage,QPixmap import cv2 from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import * import sys class MyL...
《QT从基础到进阶·十五》用鼠标绘制矩形（QGraphicsView、QPainter、QGraphicsRectItem）
cs1395293598的博客
11-09 3266
在GraphicsView类中创建矩形绘制对象，并初始化该对象用于绘制矩形。在GraphicsView类的鼠标事件中设置绘制矩形时鼠标按下，移动，释放操作。矩形长宽的拖动会在DrawROI类中实现，界面的缩放把DrawROI类中的功能放入GraphicsView中的滚轮事件中。以下是鼠标绘制矩形最全的一种用法，完整源码将会放在最后面。
QT图形绘制（C++）【实现铅笔、直线、矩形、椭圆的绘制】
m0_74747330的博客
09-02 1794
在QT中绘画首先需要创建QRect容器储存图形的属性，其次再QPainter创建画笔在QImage、QPixmap、QBitmap 和 QPicture中绘制。
Qt学习之路(31): 一个简易画板的实现(QWidget)
weixin_34327223的博客
12-14 951
说实话，本来我是没有打算放一个很大的例子的，一则比较复杂，二来或许需要很多次才能说得完。不过，现在已经说完了绘图部分，所以计划还是上一个这样的例子。这里我会只做出一个简单的画板程序，大体上就是能够画直线和矩形吧。这样，我计划分成两种实现，一是使用普通的QWidget作为画板，第二则是使用Graphcis View Framework来实现。因为前面有朋友说不大明白Graphi...
Qt 结合 OpenCV 的 Mat 对象绘制矩形区域，拖到矩形区域可用于 ROI 区域的截取
dede28的博客
11-22 506
Qt 结合 OpenCV 的 Mat 对象绘制矩形区域，拖到矩形区域可用于 ROI 区域的截取，矩形区域随图像大小自动调整
OpenCV-python中文教程
03-14
而OpenCV中的绘图函数允许用户在图像上直接绘制线、矩形、圆形、椭圆、多边形，甚至可以在图片上添加文字。 此外，OpenCV还提供了丰富的数学工具，比如颜色空间的转换、几何变换（包括缩放、平移、旋转、仿射变换和...
openCV2.4.6.0
12-05
绘图函数部分，提供了基本的绘图函数，如绘制线条、矩形、圆形、多边形、文字等。 XML/YAML持久性存储部分，介绍了如何使用OpenCV进行数据的XML和YAML格式的读写。 系统功能和宏部分，提供了一些通用的系统功能...
qt4编写photoshop部分功能
08-08
4. **选择工具**：虽然Qt4没有直接提供选择工具，但我们可以通过鼠标事件监听，记录用户的鼠标移动和点击，构建矩形或多边形的选择区域。然后，对选区内的图像进行操作，如裁剪、变换等。 5. **图层管理**：在Photo...
opencv2.4.2
11-05
绘图函数允许开发者在图像上绘制图形，包括直线、多边形、椭圆等。 ##### 2.6 XML/YAML 持久化 OpenCV 提供了对 XML 和 YAML 文件的支持，使得用户能够轻松地将图像处理参数保存到文件中，或者从文件中读取这些...
QT画直线、矩形，鼠标消息
08-23
注释很完整，适合新手学习。QT5.0下写的。
pyqt之利用鼠标移动事件绘制矩形框
最新发布
萧海的博客
02-09 198
【代码】pyqt之利用鼠标移动事件绘制矩形框。
Qt QPainter鼠标绘制线条、矩形、多边形
小蝈蝈的博客
01-20 6339
Qt通过鼠标绘制线条、矩形、多边形本质都是根据鼠标的坐标位移，使用QPainter的自带的函数进行绘制。具体代码如下： graphicspainter.h #ifndef GRAPHICSPAINTER_H #define GRAPHICSPAINTER_H #include <QWidget> #include "shape.h" #include "paintrectline.h" class GraphicsPainter : public QWidget { Q_OBJECT
Qt鼠标拖动绘制基本几何图形
hw5230的博客
03-20 1330
用Qt鼠标事件实现基本几何图形的绘制，支持直线、矩形、圆形、椭圆。后期可以在此基础上进行扩展。效果图实现本示例使用QGraphics体系来实现，因为要移动对象，所以生成的图形必须是一个单独的对象，鼠标拖动绘制的过程是在临时层中完成，release后生成一个矢量的图形item并添加到场景中。
Qt5.9创建画布和用鼠标在画布上拖出矩形
热门推荐
净无邪博客
01-25 1万+
本文章主要总结用Qt5.9Creator创建一个画布和用鼠标在画布上拖拽出一个矩形的实例，具体的步骤如下所述： 1.1新建一个Widget工程，基类选择为QDialog。在Dialog.h头文件中添加如下代码： 1.2在Widget.cpp的构造函数中，添加如下代码： 1.3在Widget.cpp源文件中，添加如下代码：
QT软件开发: 点击鼠标在窗口里绘制矩形(窗口透明背景)
08-12 2727
一、功能需求 一般在软件开发中，需要都有选择区域的需求，比如： 1. 截图软件，需要鼠标选择指定区域截图 2. 屏幕录像软件，需要鼠标选择指定区域录像 3. 图片浏览器，需要鼠标选择指定区域放大查看 4. 视频播放器，需要鼠标选择指定区域放大播放 ........... 二、运行效果 三、示例代码 3.1 widget.cpp #include "widget.h" #include "ui_widget.h" Widget::Widget(QWidget *pare...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值