OpenCV杂记（1）：绘制OSD（cv::getTextSize, cv::putText）
https://blog.csdn.net/tecsai/article/details/137872058
1. 简述
做图像处理或计算机视觉技术的同学都知道，我们在工作中会经常遇到需要将两幅图像拼接成为一幅图像，或者将四幅图像拼接成为一个2*2马赛克图像的需求。
OpenCV提供了多种图像拼接的API，包括水平拼接cv:hconcat，垂直拼接cv::vconcat。此外，还可以通过创建一张大图，然后使用copyTo接口将小图像依次覆盖的形式进行拼接。
假设我们有四张图，我们想对他们执行垂直拼接、水平拼接以及Mosaic拼接，接下来我们将依次进行讲解。
2. API原型
（1）垂直拼接
void cv::vconcat(InputArray src1, InputArray src2, OutoutArray dst)
该API接口接收两幅图像src1和src2，输出经过拼接后的图像dst。
cv::vconcat还有另外一个接口，接收多张图像进行垂直拼接。
void cv::vconcat(const Mat* src, size_t nsrc, OutputArray dst)；
此处的src是一个Mat列表。
（2）水平拼接
void cv::hconcat(InputArray src1, InputArray src2, OutoutArray dst)
void cv::hconcat(const Mat* src, size_t nsrc, OutputArray dst)
3. 垂直拼接
OpenCV提供了快速垂直拼接接口cv::vconcat，该接口接受两个宽度相同的子图像进行拼接，拼接后的高度是两幅子图像的高度和。
如下代码演示了如何调用cv::vconcat进行图像拼接操作。
#include <iostream>
#include <sstream>
#include <fstream>
#include <opencv2/core/core.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <opencv2/imgproc/types_c.h>
#include <opencv2/highgui/highgui.hpp>
#include <opencv2/highgui/highgui_c.h>
using namespace std;
int main(int argc, char* argv[])
{
cv::Mat img_0 = cv::imread("000001.jpg", cv::IMREAD_UNCHANGED);
cv::Mat img_1 = cv::imread("000002.jpg", cv::IMREAD_UNCHANGED);
cv::Mat img_2 = cv::imread("000003.jpg", cv::IMREAD_UNCHANGED);
cv::Mat img_3 = cv::imread("000004.jpg", cv::IMREAD_UNCHANGED);
if (img_0.empty() || img_1.empty() || img_2.empty() || img_3.empty()){
cout << "Error: Could not load image." << endl;
return 0;
}
/** 图像竖向拼接. */
cv::Mat vconcat_mat_0;
cv::vconcat(img_0, img_1, vconcat_mat_0);
std::cout << "img_0.size: (" << img_0.cols << ", " << img_0.rows << ")" << std::endl;
std::cout << "img_1.size: (" << img_1.cols << ", " << img_1.rows << ")" << std::endl;
std::cout << "vconcat_mat_0.size: (" << vconcat_mat_0.cols << ", " << vconcat_mat_0.rows << ")" << std::endl;
cv::imwrite("./vconcat_mat_0.jpg", vconcat_mat_0);
/**
* img_0.size: (1920, 1080)
* img_1.size: (1920, 1080)
* vconcat_mat_0.size: (1920, 2160)
*/
return 0;
}经过垂直拼接后的图像如下。
4. 水平拼接
水平拼接接收两幅高度相同的子图像，拼接后的图像宽度等于两幅子图像的宽度和。
#include <iostream>
#include <sstream>
#include <fstream>
#include <opencv2/core/core.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <opencv2/imgproc/types_c.h>
#include <opencv2/highgui/highgui.hpp>
#include <opencv2/highgui/highgui_c.h>
using namespace std;
int main(int argc, char* argv[])
{
cv::Mat img_0 = cv::imread("000001.jpg", cv::IMREAD_UNCHANGED);
cv::Mat img_1 = cv::imread("000002.jpg", cv::IMREAD_UNCHANGED);
cv::Mat img_2 = cv::imread("000003.jpg", cv::IMREAD_UNCHANGED);
cv::Mat img_3 = cv::imread("000004.jpg", cv::IMREAD_UNCHANGED);
if (img_0.empty() || img_1.empty() || img_2.empty() || img_3.empty()){
cout << "Error: Could not load image." << endl;
return 0;
}
/** 图像横向拼接. */
cv::Mat hconcat_mat_0;
cv::hconcat(img_2, img_3, hconcat_mat_0);
std::cout << "img_2.size: (" << img_2.cols << ", " << img_2.rows << ")" << std::endl;
std::cout << "img_3.size: (" << img_3.cols << ", " << img_3.rows << ")" << std::endl;
std::cout << "hconcat_mat_0.size: (" << hconcat_mat_0.cols << ", " << hconcat_mat_0.rows << ")" << std::endl;
cv::imwrite("./hconcat_mat_0.jpg", hconcat_mat_0);
/**
* img_0.size: (1920, 1080)
* img_1.size: (1920, 1080)
* hconcat_mat_0.size: (1920, 2160)
*/
return 0;
}拼接后的图像如下所示。
5. 灵活拼接
有时候我们并不想在cv::hconcat和cv::vconcat的限制下进行图像拼接，而是想灵活的自定义拼接，此时我们可以使用先构建大图，再粘贴小图的方式。
#include <opencv2/opencv.hpp>
#include <iostream>
int main(int argc, char* argv[])
{
/** 读取两张要拼接的图像. */
cv::Mat img_0 = cv::imread("000001.jpg", cv::IMREAD_UNCHANGED);
cv::Mat img_1 = cv::imread("000002.jpg", cv::IMREAD_UNCHANGED);
if (img_0.empty() || img_1.empty()) {
std::cerr << "Error loading images!" << std::endl;
return -1;
}
/** 以水平拼接为例. */
int height = std::max(img_0.rows, img_1.rows);
int width = img_0.cols + img_1.cols;
/** 创建一个新的空白图像（底图）. */
cv::Mat result(height, width, CV_8UC3, cv::Scalar(255, 255, 255)); // 白色背景
/** 粘贴第一幅图像. */
img_0.copyTo(result(cv::Rect(0, 0, img_0.cols, img_0.rows)));
/** 粘贴第二幅图像. */
img_1.copyTo(result(cv::Rect(img_0.cols, 0, img_1.cols, img_1.rows)));
cv::imwrite("FlexibleMosaic.jpg", result);
return 0;
}拼接后图像如下所示。
