OpenCV一个窗口同时显示多张图片 (C++)

OpenCV一个窗口同时显示多张图片 (C++)

需求

​ 在Matlab中做图像处理可以很方便地在一个窗口中同时显示好几张图片, 但可惜的是OpenCV中并未提供此功能, 但好在C++拥有充分的灵活性, 可以自己写函数弥补这方面的不足.

​ 思路是: 将多张图片放在C++的Vector里, 构造一个足以容纳这么多图片以行列形式排列的Mat类, 并用窗口显示这个集成多个图片的Mat.

函数代码

void multipleImage(vector<Mat> imgVector, Mat& dst, int imgCols)  //参数为列
{
    const int MAX_PIXEL=300;
    int imgNum = imgVector.size();
    //选择图片最大的一边 将最大的边按比例变为300像素
    Size imgOriSize = imgVector[0].size();
    int imgMaxPixel = max(imgOriSize.height, imgOriSize.width);
    //获取最大像素变为MAX_PIXEL的比例因子
    double prop = imgMaxPixel < MAX_PIXEL ?  (double)imgMaxPixel/MAX_PIXEL : MAX_PIXEL/(double)imgMaxPixel;
    Size imgStdSize(imgOriSize.width * prop, imgOriSize.height * prop); //窗口显示的标准图像的Size

    Mat imgStd; //标准图片
    Point2i location(0, 0); //坐标点(从0,0开始)
    //构建窗口大小 通道与imageVector[0]的通道一样
    Mat imgWindow(imgStdSize.height*((imgNum-1)/imgCols + 1), imgStdSize.width*imgCols, imgVector[0].type());
    for (int i=0; i<imgNum; i++)
    {
        location.x = (i%imgCols)*imgStdSize.width;
        location.y = (i/imgCols)*imgStdSize.height;
        resize(imgVector[i], imgStd, imgStdSize, prop, prop, INTER_LINEAR); //设置为标准大小
        imgStd.copyTo( imgWindow( Rect(location, imgStdSize) ) );
    }
    dst = imgWindow;
}

使用案例

​ 对下图进行不同大小的均匀滤波:

lenna-head

代码如下:

#include <iostream>
#include <vector>
#include <opencv2/highgui/highgui.hpp>
#include <opencv2/imgproc/imgproc.hpp>

using namespace cv;
using namespace std;

vector<Mat> imageVector;

void multipleImage(vector<Mat> imgVector, Mat& dst, int imgCols) 
{
    const int MAX_PIXEL=300;
    int imgNum = imgVector.size();
    //选择图片最大的一边 将最大的边按比例变为300像素
    Size imgOriSize = imgVector[0].size();
    int imgMaxPixel = max(imgOriSize.height, imgOriSize.width);
    //获取最大像素变为MAX_PIXEL的比例因子
    double prop = imgMaxPixel < MAX_PIXEL ?  (double)imgMaxPixel/MAX_PIXEL : MAX_PIXEL/(double)imgMaxPixel;
    Size imgStdSize(imgOriSize.width * prop, imgOriSize.height * prop); //窗口显示的标准图像的Size

    Mat imgStd; //标准图片
    Point2i location(0, 0); //坐标点(从0,0开始)
    //构建窗口大小 通道与imageVector[0]的通道一样
    Mat imgWindow(imgStdSize.height*((imgNum-1)/imgCols + 1), imgStdSize.width*imgCols, imgVector[0].type());
    for (int i=0; i<imgNum; i++)
    {
        location.x = (i%imgCols)*imgStdSize.width;
        location.y = (i/imgCols)*imgStdSize.height;
        resize(imgVector[i], imgStd, imgStdSize, prop, prop, INTER_LINEAR); //设置为标准大小
        imgStd.copyTo( imgWindow( Rect(location, imgStdSize) ) );
    }
    dst = imgWindow;
}

int main()
{
    Mat src = imread("../../resource/image/lenna-head.jpg");
    Mat image1, image2, image3, image4, image5, image6, dst;
    blur(src, image1, Size(3,3));
    blur(src, image2, Size(5,5));
    blur(src, image3, Size(9,9));
    blur(src, image4, Size(15,15));
    blur(src, image5, Size(35,35));

    imageVector.push_back(src);
    imageVector.push_back(image1);
    imageVector.push_back(image2);
    imageVector.push_back(image3);
    imageVector.push_back(image4);
    imageVector.push_back(image5);

    multipleImage(imageVector, dst, 3);

    namedWindow("multipleWindow");
    imshow("multipleWindow", dst);

    waitKey(0);
    destroyAllWindows();
}

结果显示

dst

  • 4
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用OpenCV的鼠标事件来实现这个功能。具体步骤如下: 1. 创建一个空白的图像并显示出来。 2. 定义一个回调函数来响应鼠标事件。 3. 在回调函数中实现鼠标拖动时画圆的功能。 4. 在回调函数中更新画面并显示多个圆。 下面是一个示例代码,可以实现拖动鼠标画多个圆并同时显示多个圆: ```c++ #include <opencv2/opencv.hpp> #include <vector> using namespace std; using namespace cv; // 定义一个全局变量,用于存储所有的圆 vector<Point> points; // 鼠标事件回调函数 void onMouse(int event, int x, int y, int flags, void* userdata) { if (event == EVENT_LBUTTONDOWN) { // 当鼠标左键按下时,将当前坐标添加到圆的列表中 points.push_back(Point(x, y)); } } int main() { // 创建一个空白图像并显示 Mat image(400, 400, CV_8UC3, Scalar(255, 255, 255)); imshow("Image", image); // 设置鼠标事件回调函数 setMouseCallback("Image", onMouse, NULL); while (waitKey(1) != 27) { // 每帧都清空画布并重绘所有的圆 image.setTo(Scalar(255, 255, 255)); for (size_t i = 0; i < points.size(); i++) { circle(image, points[i], 10, Scalar(0, 0, 255), 2, LINE_AA); } imshow("Image", image); } return 0; } ``` 在这个例子中,我们首先创建一个空白的图像并显示出来。然后设置鼠标事件回调函数为 `onMouse` 函数,该函数会在鼠标左键按下时将当前坐标添加到圆的列表中。最后,在每一帧中清空画布并重绘所有的圆。 运行代码后,你可以使用鼠标拖动画圆,并且所有的圆都会同时显示在图像上。按下 ESC 键可以退出程序。 ### 回答2: 使用OpenCV库中的鼠标事件函数可以实现鼠标拖动画多个圆并同时显示多个圆的功能。 首先,我们需要创建一个名为"Drawing_Circles"的窗口。然后,我们定义一个名为"circles"的列表,用于保存鼠标拖动画的圆。 接下来,我们需要定义一个鼠标事件回调函数,用于捕获鼠标拖动事件。在这个回调函数中,我们可以获取鼠标的坐标,并将这些坐标作为圆心,利用OpenCV库的circle()函数绘制一个圆。 最后,我们需要在程序的主循环中调用setMouseCallback()函数,将鼠标事件回调函数与窗口绑定起来。并在循环中显示所有的圆。 下面是代码示例: ```c #include <opencv2/opencv.hpp> using namespace cv; // 鼠标事件回调函数 void onMouse(int event, int x, int y, int, void* data) { if (event == EVENT_LBUTTONDOWN) { vector<Point>* circles = (vector<Point>*)data; circles->push_back(Point(x, y)); } } int main() { // 创建窗口 namedWindow("Drawing_Circles"); // 创建一个列表用于保存圆 vector<Point> circles; // 绑定鼠标事件回调函数 setMouseCallback("Drawing_Circles", onMouse, &circles); while (true) { Mat img(500, 500, CV_8UC3, Scalar(255, 255, 255)); // 创建白色画布 // 绘制圆 for (int i = 0; i < circles.size(); i++) { circle(img, circles[i], 10, Scalar(0, 0, 255), 2); } imshow("Drawing_Circles", img); // 退出循环条件 if (waitKey(1) == 27) break; // 按下ESC键退出 } return 0; } ``` 当你运行这段代码,你会看到一个名为"Drawing_Circles"的窗口。当你用鼠标左键在窗口中拖动时,你将能够看到在你拖动的位置上显示了多个圆形。 ### 回答3: 首先,我们需要导入OpenCV的库,并创建一个空白图像来绘制圆形。然后,我们可以使用鼠标事件来捕捉用户的点击和拖动动作。 在事件处理函数中,我们可以检测到鼠标按下并移动的动作,并通过一系列操作来绘制多个圆。当鼠标按下时,我们将获取当前鼠标位置,并将其作为圆心点。随后,我们可以随着鼠标的移动绘制一个动态的圆。最后,当鼠标释放时,我们将把这个圆保存在图像中。 在显示多个圆之前,我们需要预设一个保存圆的容器(例如,vector或list),在每次鼠标释放时将圆的信息添加到容器中。然后,我们可以通过遍历容器中的所有圆来将它们绘制到图像上。 最后,我们可以使用OpenCV的imshow函数来显示这个绘制了多个圆的图像,并通过调用waitKey函数来等待用户按下键盘,以便程序能够继续执行。 总结起来,通过检测鼠标事件,我们可以实现鼠标拖动绘制多个圆,并通过显示多个圆的图像来展示结果。这个过程涉及到处理鼠标事件、绘制圆形、保存圆的信息以及显示图像等步骤。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值