工厂里做SOP及测试报告以及员工资格鉴定等常需用到简单的图像处理，PS等软件正版费用不菲，学习起来成本也高。Windows自带的图像处理软件，用起来也不是那么得心应手。因此我用OpenCV与MFC写了一个简单易用的图像处理程序。
程序界面
基于简单易用的目的，程序界面采用了对话框界面。如下：
基于做处理SOP及测试报告处理等应用场景，程序中设置了转灰度图、画直线、画圆 、画椭圆、画矩形、画指引线、放置文字等功能按键。如下：
做为图像处理软件，缩放、旋转、磨皮、对比度、亮度调节、图像锐化、抠图、裁剪、复制粘贴、局部修改、复制到剪贴板、Undo、Redo等功能也是必须的，本程序也实现了这些功能。 程序的最下面设置了类似Autocad的状态栏，左边显示程序状态信息及操作提示信，右边显示鼠标 指针所在位置的坐标及RGB值。
对话框程序有放大缩小功能, MFC要实现对话框放大缩小还比较麻烦需重写OnSize(UINT nType, int cx, int cy)函数,确定控件相对位置的变化. 其代码如下:
void CEasyImageDlg::OnSize(UINT nType, int cx, int cy)
{
CDialogEx::OnSize(nType, cx, cy);
CDialogEx::OnSize(nType, cx, cy);
//先判断窗口是不是最小化了，因为窗口最小化之后 ，窗口的长和宽会变成0，当前一次变化的时就会出现除以0的错误操作
if (nType != SIZE_MINIMIZED)
{
ReSize();
Invalidate();
}
}
//End of OnSize(UINT nType, int cx, int cy)
由于要处理的内容较多,单独写了一个ReSize()函数,其代码如下:
void CEasyImageDlg::ReSize()
{
float fChangeRatio[2];
int iNewWidth, iNewHeight;
LOGFONT mLF;
CFont font;
memset(&mLF, 0, sizeof(LOGFONT));
font.GetLogFont(&mLF);
GetClientRect(&mRect); //取客户区大小
iNewWidth = mRect.Width();
iNewHeight = mRect.Height();
fChangeRatio[0] = (float)iNewWidth / iOldWidth;
fChangeRatio[1] = (float)iNewHeight / iOldHeight;
mLF.lfHeight *= fChangeRatio[1];
mLF.lfWidth *= fChangeRatio[0];
_tcscpy_s(mLF.lfFaceName, LF_FACESIZE,_T("宋体"));
//font.CreatePointFont(mLF.lfHeight, _T("宋体"));
//font.CreatePointFontIndirect(&mLF);
font.CreateFontIndirect(&mLF);
iOldWidth = iNewWidth;
iOldHeight = iNewHeight;
int mCtrlID;
CPoint oldTLPoint, tlPoint; //左上角
CPoint oldBRPoint, brPoint; //右下角
HWND hwndChild = ::GetWindow(m_hWnd, GW_CHILD); //列出所有控件
while (hwndChild) {
mCtrlID = ::GetDlgCtrlID(hwndChild);//取得ID
GetDlgItem(mCtrlID)->GetWindowRect(mRect);
ScreenToClient(mRect);
oldTLPoint = mRect.TopLeft();
tlPoint.x = long(oldTLPoint.x * fChangeRatio[0]);
tlPoint.y = long(oldTLPoint.y * fChangeRatio[1]);
oldBRPoint = mRect.BottomRight();
brPoint.x = long(oldBRPoint.x * fChangeRatio[0]);
brPoint.y = long(oldBRPoint.y * fChangeRatio[1]);
mRect.SetRect(tlPoint, brPoint);
GetDlgItem(mCtrlID)->MoveWindow(mRect, TRUE);
GetDlgItem(mCtrlID)->SetFont(&font, 1);
hwndChild = ::GetWindow(hwndChild, GW_HWNDNEXT);
}
}
程序功能实现编程
下面逐一讲解程序功能实现编程。
1 打开图像
打开图像需要完成以下几个动作：导入图像文件路径及名称，读入图像数据，显示打开图像，程序状态显示。导入图像文件路径及名称用MFC CFileDialog来实现。读入图像数据用OpenCV的imread函数实现，打开图像显示比较麻烦，OpenCV有一个显示图像程序imshow，但是OpenCV高版本的显示窗口并不能很好得嵌入MFC对话框客户区，此处的做法是，将Mat对象中的数据传递到CImage对象的内存中，用CImage的BitBlt函数来显示图像。状态显示通过MFC中 SetWindowTextW函数通过静态控件来显示. 打开图像的代码如下:
void CEasyImageDlg::OnBnClickedOpen()
{
mString = "正在进行"打开图像操作"...";
mInformation.SetWindowTextW(mString);
CFileDialog fdlg(TRUE, NULL, NULL, OFN_HIDEREADONLY | OFN_OVERWRITEPROMPT, _T("All files(*.*)|*.*||"));
if (fdlg.DoModal() == IDOK)
{
m_Path = fdlg.GetPathName();
m_strEx = fdlg.GetFileExt();
m_strName = fdlg.GetFileName();
m_Path.ReleaseBuffer();
m_strEx.ReleaseBuffer();
m_strName.ReleaseBuffer();
m_str = CT2A(m_Path);
src = imread(m_str);
if (src.empty())
{
mString.Format(L"打开图像文件%s失败,文件格式不正确或文件已损坏！", m_strName);
mInformation.SetWindowTextW(mString);
}
else
{
dst[0] = dst[1] = src;
matContainer.clear();
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate(); //fresh screen & display image
mString.Format(L"已打开：%s ", m_Path);
mInformation.SetWindowTextW(mString); //diplay opened image information
}
}
else
{
mString = ""打开图像"操作已取消！";
mInformation.SetWindowTextW(mString);
}
}
由于OpenCV支持多种图像格式, 因此可以打开OpenCV所支持的所有图像格式.
打开图像的效果如下:
打开后如下:
2 保存
保存图像分两步: 第一步，获取存储路径及文件名。第二步， 图像文件写入磁盘。获取存储路径与文件名可以用MFC CFileDialog来实现。图像文件的写入用OpenCV的imwrite函数来实现。保存的代码如下：
void CEasyImageDlg::OnBnClickedSave()
{
mString = "正在进行"图像存储"操作...";
mInformation.SetWindowTextW(mString);
CString mfilter = _T("图片文件(*.bmp *.png *.jpg *.webp *.tif)|*.bmp;*.png;*jpg,*.webp,*.tif|All Files (*.*)|*.*||");
CFileDialog fdlg(FALSE, NULL, 0, OFN_OVERWRITEPROMPT, mfilter, NULL);
if (fdlg.DoModal() == IDOK)
{
m_Path = fdlg.GetPathName();
m_strEx = fdlg.GetFileExt();
m_strName = fdlg.GetFileName();
m_Path.ReleaseBuffer();
m_strEx.ReleaseBuffer();
m_strName.ReleaseBuffer();
}
else
{
mString = ""图像存储"操作已被取消";
mInformation.SetWindowTextW(mString);
return;
}
if (m_strEx == "BMP" || m_strEx == "bmp" || m_strEx == "dib" || m_strEx == "TIF" || m_strEx == "tif" || m_strEx == "tiff" || m_strEx == "PNG" || m_strEx == "png"
|| m_strEx == "jpg" || m_strEx == "JPG" || m_strEx == "jpe" || m_strEx == "jpeg" || m_strEx == "jp2" || m_strEx == "webp" || m_strEx == "avif" || m_strEx == "pbm"
|| m_strEx == "pgm" || m_strEx == "ppm" || m_strEx == "pxm" || m_strEx == "pnm" || m_strEx == "pfm" || m_strEx == "sr" || m_strEx == "ras" || m_strEx == "exr"
|| m_strEx == "hdr" || m_strEx == "pic")
{
m_str = CT2A(m_Path);
imwrite(m_str, dst[1]);
mString.Format(L"图像文件已存储到：%s ", m_Path);
mInformation.SetWindowTextW(mString);
}
else if (m_strEx == "")
{
m_Path += ".bmp";
m_str = CT2A(m_Path);
imwrite(m_str, dst[1]);
mString.Format(L"图像文件已存储到：%s ", m_Path);
mInformation.SetWindowTextW(mString);
}
else
{
mString = "输入文件格式不正确，图像未保存！";
mInformation.SetWindowTextW(mString);
}
}
运行效果如下：
保存后的效果如下：
状态栏中显示了存储的路径及文件名。可以存储为OpenCv所支持的任意格式，因此可以用改程序来实现图像文件格式的转换。
3 磨皮
磨皮操作的实质是模糊，减小对比度，使图像中·的·斑点显得不是那么明显。因此经磨皮处理的图片会变得不够清晰。这里的磨皮是用OpenCV的高斯模糊实现的。磨皮的源代码如下：
void CEasyImageDlg::OnBnClickedSmooth()
{
mString = "正在进行"磨皮"操作...";
mInformation.SetWindowTextW(mString);
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
}
Mat ycrcb;
cvtColor(dst[1], ycrcb, COLOR_BGR2YCrCb);
vector<Mat> channels(3);
split(ycrcb, channels);
Mat yChannel = channels[0];
Mat blurredY;
GaussianBlur(yChannel, blurredY, cv::Size(15, 15), 0);
channels[0] = blurredY;
Mat smoothedYcrcb;
merge(channels, smoothedYcrcb);
cvtColor(smoothedYcrcb, dst[1], COLOR_YCrCb2BGR);
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
mString = ""磨皮"操作已完成！";
mInformation.SetWindowTextW(mString);
}
下面打开一张图片，试一下磨皮效果。磨皮前的图片：
3次磨皮后的图片，如下：
皮肤变得光滑些了，图片也变得不够清晰了，这样的图片处理最好是用局部磨皮，即本程序中的选择区域磨皮。
4 锐化
锐化可以使图片的交界处对比度更大，磨皮后的图片可以运用一到两次锐化。本处锐化处理是通过OpenCV图像卷积处理实现的。其代码如下：
void CEasyImageDlg::OnBnClickedSharp()
{
if (dst[1].data)
{
mString = "正在进行"图像锐化"操作...";
mInformation.SetWindowTextW(mString);
Invalidate();
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
Mat kernel = (Mat_<float>(3, 3) << 0, -1, 0, -1, 5, -1, 0, -1, 0);
filter2D(dst[1], dst[1], dst[1].depth(), kernel);
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
mString = ""图像锐化"操作已完成";
mInformation.SetWindowTextW(mString);
}
else
{
mString = "没发现打开的图像，"图像锐化"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
下面是，磨皮后的图片经锐化后的效果：
5 转灰度图
转灰度图实现很容易，直接调用OpenCV的cvtColor函数即可，其代码如下：
void CEasyImageDlg::OnBnClickedCvtGray()
{
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
cvtColor(dst[1], dst[1], COLOR_BGR2GRAY);
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
mString = ""转灰度图"操作已完成。";
mInformation.SetWindowTextW(mString);
}
else
{
mString = "没发现打开的图像，"转灰度图"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
下面打开已张图，看下运行效果。转灰度图前:
转灰度图后：
6 画直线、画圆、画椭圆、画矩形、画指引线
为实现画图时拖动鼠标时的橡皮筋效果，这里需用到模式设置，即SetROP2函数。也就是说用MFC实现画图的橡皮筋效果，用OpenCV的line、circle、ellipse、rectangle、arrowedLine、putText等函数将直线、圆、椭圆、矩形、指引线画到图片上。这里以以画圆为例列出代码.画圆按钮事件处理程序代码如下：
void CEasyImageDlg::OnBnClickedCircle()
{
// TODO: 在此添加控件通知处理程序代码
iFlag = 3; //draw circle flag
mString = "开始"画圆"操作，请将鼠标指针移动到适当位置，按下鼠标左键不松，拖动鼠标，在适当位置松开鼠标左键，完成画圆。如需中途取消，请按Esc键。";
mInformation.SetWindowTextW(mString);
}
鼠标左键按下事件处理函数，代码：
case 3://draw circle
bFlag = true;
::SetCursor(AfxGetApp()->LoadStandardCursor(IDC_CROSS));
mpoint[0].x = point.x;
mpoint[0].y = point.y;
mcpoint[0] = mcpoint[1] = point;
SetCapture();
break;
鼠标移动事件处理程序代码：
case 3: //draw circle
if (bFlag)
{
CBrush br(NULL_BRUSH);
CBrush* oldBrush = pDC->SelectObject(&br);
pDC->SetROP2(R2_NOT);
DrawCircle(pDC, mcpoint[0], mcpoint[1]);
pDC->SetROP2(R2_NOT);
DrawCircle(pDC, mcpoint[0], point);
mcpoint[1] = point;
pDC->SelectObject(oldBrush);
}
break;
鼠标左键抬起事件处理程序代码：
case 3: //draw circle
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
CBrush br(NULL_BRUSH);
CBrush* oldBrush = pDC->SelectObject(&br);
pDC->SetROP2(R2_NOT);
DrawCircle(pDC, mcpoint[0], mcpoint[1]);
pDC->SelectObject(oldBrush);
int radii = sqrt(pow(mcpoint[1].x - mcpoint[0].x, 2) + pow(mcpoint[1].y - mcpoint[0].y, 2));
circle(dst[1], mpoint[0], radii, Scalar(GetBValue(cCurrentColor), GetGValue(cCurrentColor), GetRValue(cCurrentColor)));
::SetCursor(AfxGetApp()->LoadStandardCursor(IDC_ARROW));
pDC->SetROP2(R2_COPYPEN);
mString = ""画圆"操作已完成。";
mInformation.SetWindowTextW(mString);
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
}
else
{
mString = "没发现打开的图像，"画圆"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
break;
下面分别试一下画直线、画圆、画椭圆、画矩形、画指引线的效果：
原始图如下：
为便于查看，先将当前色设置为红色（注意灰度图只能画黑白线条·），如下：
画图后的效果如下：
目前这个程序所有的绘图都是直接画在图片上，一旦完成就没法修改。要想改动只有返回重画。其实可以把所有画图都由MFC完成，将其存在容器中，这样就可以修改了。
7 放置文字
放置文字，首先需要输入文字，让后才能将文字放置到图片上。这里，动态创建一个MFC编辑框控件，用来输入文字，让后用OpenCV的putText函数将文字放置到图片上。下面看下程序代码。
按钮事件处理程序代码：
void CEasyImageDlg::OnBnClickedText()
{
// TODO: 在此添加控件通知处理程序代码
iFlag = 7;
mString = "开始"放置文字操作"，请将鼠标指针移动到要放在文字位置，点击左键，然后输入要添加的文字，输入完成后，请再次点击鼠标左键。如需中途取消，请按Esc键。";
mInformation.SetWindowTextW(mString);
}
左键按下事件处理程序代码：
case 7: //put text
pWnd = GetDlgItem(1234);
LOGFONT logfont;
CFont* pFont;
{
if (bFlag != true)
{
bFlag = true;
CClientDC dc(this);
pFont = dc.GetCurrentFont();
pFont->GetLogFont(&logfont);
pWnd->MoveWindow(point.x, point.y, point.x + logfont.lfWidth, point.y + logfont.lfHeight);
pWnd->ShowWindow(SW_SHOW);
pWnd->SetFocus();
SetCaretPos(point);
ShowCaret();
mpoint[0].x = point.x;
mpoint[0].y = point.y;
mcpoint[0] = mcpoint[1] = point;
}
else
{
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1]);
iCount = matContainer.size();
bFlag = false;
pWnd->GetWindowTextW(mString);
pWnd->ShowWindow(SW_HIDE);
pWnd->MoveWindow(0, 0, 0, 0);
m_str = CT2A(mString);
int fontFace = FONT_HERSHEY_SIMPLEX;
putText(dst[1], m_str, mpoint[0], fontFace, 1, Scalar(GetBValue(cCurrentColor), GetGValue(cCurrentColor), GetRValue(cCurrentColor)),2);
iFlag = 0;
mString = ""放置文字"操作已完成。";
mInformation.SetWindowTextW(mString);
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
}
else
{
mString = "没发现打开的图像，"放置文字"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
}
break;
下面看下放置文字 的效果:
8 退出
退出即退出程序，此按钮的事件处理程序代码很简单。直接调用OnCancel()函数即可。
9 用当前色替换背景2
用当浅色替换背景，是用OpenCV的grabCut函数实现前景与背景分离，当前景与背景差别较大时，可实现一键抠图。按钮事件处理程序代码如下;
void CEasyImageDlg::OnBnClickedRemoveBgnd2()
{
mString = "选择的操作是"用当前色替换背景2"，请先画一个选择框，并确保选择框中主要是前景物，且不要超出图像边界。如果不存在选择框，该操作将退出。";
mInformation.SetWindowTextW(mString);
if (!bDrawFrame)
{
SetTimer(1, 3000, NULL);
}
else
{
if (pickFrame.m_rect.right > dst[1].cols || pickFrame.m_rect.bottom > dst[1].rows)
{
mString = "选择框超出了图像边界，请将选择框调整到图像边界以内，"用当前色替换背景2"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
else
{
mString = ""用当前色替换背景2"操作进行中，请稍候！";
mInformation.SetWindowTextW(mString);
Invalidate();
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
Mat result, bgModel, fgModel;
grabCut(dst[1], result, Rect(pickRect.left, pickRect.top, pickRect.Width(), pickRect.Height()), bgModel, fgModel, 5, GC_INIT_WITH_RECT);
compare(result, GC_PR_FGD, result, CMP_EQ);
Mat foreground(dst[1].size(), CV_8UC3, Scalar(GetBValue(cCurrentColor), GetGValue(cCurrentColor), GetRValue(cCurrentColor)));
dst[1].copyTo(foreground, result);
dst[1] = foreground;
mString = ""用当前色替换背景2"操作已完成！";
mInformation.SetWindowTextW(mString);
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage object
Invalidate();
}
else
{
mString = "没有打开的图像，"用当前色替换背景2"以退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
}
}
下面看一些其运行效果。原始图如下：
绘制选择框后:
按下该按钮后的效果：
10 用当前色替换背景
用当前色替换背景，是用OpenCV floodFill函数实现的，需要输入一个上偏差在按钮的下面放了一个编辑框控件，用以输入数据。看下程序代码。 按钮事件处理代码：
void CEasyImageDlg::OnBnClickedRemoveBgnd1()
{
iFlag = 1;
mString = "您选取的是"用当前色替换背景"操作，请先在去背景1按钮旁输入适当的偏差值（如果不想输入就保留缺省值），然后将鼠标指针移动到要去除的背景区，再按鼠标左键";
mInformation.SetWindowTextW(mString);
}
鼠标左键按下事件处理程序代码：
case 1:
iFlag = 0;
mpoint[0].x = point.x;
mpoint[0].y = point.y;
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1]);
iCount = matContainer.size();
UpdateData(1);
floodFill(dst[1], mpoint[0], Scalar(GetBValue(cCurrentColor), GetGValue(cCurrentColor), GetRValue(cCurrentColor)), 0, Scalar(iDiffernce, iDiffernce, iDiffernce), Scalar(iDiffernce, iDiffernce, iDiffernce), FLOODFILL_FIXED_RANGE);
medianBlur(dst[1], dst[1], 5);
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
mString = ""用当前色替换背景"操作已完成";
mInformation.SetWindowTextW(mString);
}
else
{
mString = "没发现打开的图像，"用当前色替换背景"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
break;
下面看下运行效果，打开原图像如下：
点击用当前色替换背景按钮，在输入框中输入40，点击左上方背景处，结果如下：
再点击按钮，点击右上方，结果如下：
再点击按钮，点击左下方，结果如下：
同样也实现了抠图。
11 缩放
图像缩放需要输入缩放系数，故在缩放按钮下面放了一个编辑框控件。这里用OpenCV的resize函数实现，缩放按钮的事件处理程序的代码如下：
void CEasyImageDlg::OnBnClickedScale()
{
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
UpdateData(1);
int nWidth, nHeight;
nWidth = (int)(fScale * dst[1].cols) / 4 * 4;
nHeight = fScale * dst[1].rows;
resize(dst[1], dst[1], Size(nWidth, nHeight));
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
mString.Format(L""缩放"操作已完成,现在图像大小是缩放前的 %f 倍", fScale);
mInformation.SetWindowTextW(mString);
}
else
{
mString = "没发现打开的图像，"缩放"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
现在来测试下效果，打开图像原始状态如下：
在输入框中输入：0.5， 然后点击缩放按钮，结果如下：
图像已经缩小。再在输入框中输入1.5，让后点击缩放按钮，结果如下：
图像放大了。
12 亮度调节
亮度调节，使较暗的图片变亮。这里用OpenCV的convertTo函数来实现，亮度调节按钮的事件处理程序代码如下：
void CEasyImageDlg::OnBnClickedBrightness()
{
// TODO: 在此添加控件通知处理程序代码
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
UpdateData(1);
dst[1].convertTo(dst[1], -1, 1.0, iBrightness);//adjust brightness by offset value +/-
mString = "你选择的是"亮度调节"操作，如果你想增加亮度，请在先旁边输入框中输入一个正整数，反之，则输入一个负整数。"亮度调节"操作已完成。";
mInformation.SetWindowTextW(mString);
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
}
else
{
mString = "没发现打开的图像，"亮度调节"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
下面试下效果，打开的原始图像如下：
人面比较暗，在亮度调节 按钮下面的输入框中输入：30，然后点击亮度调节按钮，结果如下：
再在输入框中输入：-30，点击亮度调节按钮，结果如下：
亮度又变暗了。
13 对比度调节
对比度不打的图片，增加对比度可是图片变得更清晰。这里也是用OpenCV的convertTo函数来实现，对比度度调节按钮的事件处理程序代码如下：
void CEasyImageDlg::OnBnClickedContrast()
{
// TODO: 在此添加控件通知处理程序代码
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
UpdateData(1);
dst[1].convertTo(dst[1], -1, fContrast, 0);
mString = "你选择的是"对比度调节"操作，如果你想增加对比度，请在先旁边输入框中输入一个大于1的数，反之，则输入一个小于1的数。对比度调节操作已完成。";
mInformation.SetWindowTextW(mString);
dst[0] = dst[1];
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
}
else
{
mString = "没发现打开的图像，"对比度调节"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
测试一下效果，在输入框中输入1.3，然后点击对比度调节按钮，结果如下：
可见图像变得更清晰了。
14 旋转图像
旋转图像可将图像沿逆时针方向或顺时针反向旋转一定角度。这里用OpenCV的warpAffine函数来实现。旋转图像代码如下：
void CEasyImageDlg::RoateImage(Mat& src, Mat& dst, float angle)
{
Mat rmat;
if (src.data)
rmat = getRotationMatrix2D(Point2f(src.cols / 2, src.rows / 2), angle, 1.0);
float fcos = abs(rmat.at<double>(0, 0));
float fsin = abs(rmat.at<double>(0, 1));
int inWidth = fcos * src.cols + fsin * src.rows;
int inHeight = fsin * src.cols + fcos * src.rows;
rmat.at<double>(0, 2) += (inWidth / 2 - src.cols / 2);
rmat.at<double>(1, 2) += (inHeight / 2 - src.rows / 2);
warpAffine(src, dst, rmat, Size(inWidth, inHeight), INTER_LINEAR, BORDER_REPLICATE, Scalar(255, 255, 255));
}
//End of RoateImage(Mat& src, Mat& dst, float angle)
旋转图像按钮事件处理程序代码如下：
void CEasyImageDlg::OnBnClickedRotate()
{
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
UpdateData(1);
fGlobalAngle += fAngle;
RoateImage(dst[0], dst[1], fGlobalAngle);
mString = ""旋转图像"操作已完成。如果你想逆时针旋转图像，请在先旁边输入框中输入一个正数，反之，则输入一个负数。";
mInformation.SetWindowTextW(mString);
MatToCImage(dst[1], mImage); //send Mat object data to CImage object
Invalidate();
}
else
{
mString = "没发现打开的图像，"旋转图像"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
下面试下效果。打开图像，在旋转图像按钮下面的输入框中输入：20，
点击旋转图像按钮，结果如下：
15 用当前色填充选择区域
局部填充可以掩盖不想让别人看到的内容，这里用OpenCV的ROI区域填充来实现。用当前色填充选择区域按钮的事件处理程序代码如下：
void CEasyImageDlg::OnBnClickedFillPickrec()
{
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
if (pickFrame.m_rect.right > dst[1].cols || pickFrame.m_rect.bottom > dst[1].rows)
{
mString = "选择框超出了图像边界，请将选择框调整到图像边界以内，"用当前色填充选择区"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
else
{
dst[1](Rect(pickRect.left, pickRect.top, pickRect.Width(), pickRect.Height())) = Scalar(GetBValue(cCurrentColor), GetGValue(cCurrentColor), GetRValue(cCurrentColor));
dst[0] = dst[1];
fGlobalAngle = 0;
mString = ""用当前色填充选择区域"操作已完成！";
mInformation.SetWindowTextW(mString);
MatToCImage(dst[1], mImage);
OnBnClickedDelPickFrame(); //call delete pick frame operation function
}
}
else
{
mString = "没发现打开对的图像，"用当前色填充选择区域"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
下面看下效果，打开图像，设置当前色为红色，并绘制选择框，如下：
点击用当前色填充选择区域按钮，结果如下：
16 保留选择区域内图像
保留选择区域内图像，即只保留图像的选择区域内的部分图像，其余舍去，这样可实现截图。保留选择区域内图像按钮事件处理代码如下：
void CEasyImageDlg::OnBnClickedKeepPickrec()
{
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
if (pickFrame.m_rect.right > dst[1].cols || pickFrame.m_rect.bottom > dst[1].rows)
{
mString = "选择框超出了图像边界，请将选择框调整到图像边界以内，"保留选择区域内图像"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
else
{
Mat mTem = dst[1];
if (bDrawFrame)
{
dst[1] = mTem(Rect(pickRect.left, pickRect.top, pickRect.Width(), pickRect.Height()));
dst[0] = dst[1];
fGlobalAngle = 0;
MatToCImage(dst[1], mImage);
OnBnClickedDelPickFrame();
mString = ""保留选择区域内图像"操作已完成！";
mInformation.SetWindowTextW(mString);
}
else
{
mString = "没发现选择框，请绘制选择框后在执行该操作！";
mInformation.SetWindowTextW(mString);
}
}
}
else
{
mString = "没发现打开对的图像，"保留选择区域内图像"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
}
下面看下效果。打开图像，并绘制选择框，如下：
点击保留选择区域内图像按钮，结果如下：
17 选择区域磨皮
选择区域磨皮，即只在选择范围内执行磨皮操作，可以避免因磨皮操作使图面变得不清晰。其主要代码与磨皮代码一致，这里就不列出来了。下面试下效果。打开图像如下：
绘制选择框，并执行选择区域磨皮，根据斑点的状况决定磨皮次数，移动选择框，继续执行这一动作，最后结果如下：
明显的斑点去除了，图像并没变得模糊，效果比前面胡磨皮操作好。
18 复制选择内容到剪贴板
复制剪贴区域到剪贴板用于与其他软件交互，如将编辑后的图片粘贴到Word中。其实现原理是将选择框中胡显示内容复制到剪贴板中，复制选择内容到剪贴板按钮的事件处理程序代码如下：
void CEasyImageDlg::OnBnClickedCopytoClipboard()
{
int width;
int height;
if (!bDrawFrame)
MessageBox(L"还没有选中复制区域，请绘制选择框后再执行该操作！");
else
{
width = pickRect.Width();
height = pickRect.Height();
OnBnClickedDelPickFrame();
Invalidate();
}
HDC hScreenDC = GetDC()->GetSafeHdc();
HDC hMemoryDC = CreateCompatibleDC(hScreenDC);
HBITMAP hBitmap = CreateCompatibleBitmap(hScreenDC, width, height);
HGDIOBJ old_obj = SelectObject(hMemoryDC, hBitmap);
// 裁剪屏幕图像到选择区域
BitBlt(hMemoryDC, 0, 0, width, height, hScreenDC, pickRect.left, pickRect.top, SRCCOPY);
DeleteDC(hMemoryDC); // 释放屏幕DC
// 将图像放入剪贴板
if (OpenClipboard()) // 使用当前窗口句柄
{
EmptyClipboard();
SetClipboardData(CF_BITMAP, hBitmap); // CF_BITMAP表示位图格式
CloseClipboard();
}
SelectObject(hMemoryDC, old_obj);
DeleteDC(hMemoryDC);
mString = ""复制选择内容到剪贴板"操作已完成！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
下面看下效果，先打开word，这里新建一个word文档如下：
运行程序，并打开一张图片，并绘制选择框。如下：
点击复制选择框内容到剪贴板按钮。并切换到word，按鼠标右键，在弹出菜单中点击粘贴选项下面的粘贴图像图标，如下：
结果下：
说明已将选择内容复制到了剪贴板。
19 复制粘贴并模糊边界
复制粘贴并模糊边界，即复制图像中的某个区域内容去覆盖图像中另外一部分内容，并使粘贴痕迹不太明显。复制粘贴并模糊边界按钮事件处理程序代码如下：
void CEasyImageDlg::OnBnClickedCopyPasteBlurBound()
{
if (!bDrawFrame)
{
mString = "没有选择框，无法确定复制区域，该指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
else
{
iFlag = 11;
mString = "将执行"复制粘贴并模糊边界"指令，如果要退出该指令，请按ESC；继续，请点击要粘贴的中心位置！";
mInformation.SetWindowTextW(mString);
pickRect = pickFrame.m_rect;
dst[3] = dst[1](Rect(pickRect.left, pickRect.top, pickRect.Width() / 4 * 4, pickRect.Height())).clone();
}
}
要实现该操作还需出来鼠标事件，鼠标左键按下处理程序代码如下：
case 11: //copy paste & bound blur
if (dst[1].data)
{
if (matContainer.size() >= 5)
matContainer.pop_front();
matContainer.push_back(dst[1].clone());
iCount = matContainer.size();
int dl, dr, dt, db;
dl = point.x - dst[3].cols / 2;
dr = dst[1].cols - (point.x + dst[3].cols / 2);
dt = point.y - dst[3].rows / 2;
db = dst[1].rows - (point.y + dst[3].rows / 2);
if (dl < 5 || dr < 5 || dt < 5 || db < 5)
{
mString = "选择粘贴区域中心位置不合适，导致粘贴区域超出图像的最大边界，"复制粘贴并模糊边界"操作将不再执行。";
mInformation.SetWindowTextW(mString);
}
else
{
dst[3].copyTo(dst[1](Rect(point.x - dst[3].cols / 2, point.y - dst[3].rows / 2, dst[3].cols, dst[3].rows)));
Rect rec1(point.x - dst[3].cols / 2 - 5, point.y - dst[3].rows / 2 - 5, dst[3].cols + 5, dst[3].rows + 5);
Rect rec2(point.x - dst[3].cols / 2 + 5, point.y - dst[3].rows / 2 + 5, dst[3].cols - 5, dst[3].rows - 5);
Mat mt1 = dst[1](rec1).clone();
Mat mt2 = dst[1](rec2).clone();
for (int i = 0; i < 3; i++)
{
GaussianBlur(mt1, mt1, Size(5, 5), 0, 0);
}
mt1.copyTo(dst[1](rec1));
mt2.copyTo(dst[1](rec2));
mString = ""复制粘贴并模糊边界"操作已完成。";
mInformation.SetWindowTextW(mString);
dst[0] = dst[1];
fGlobalAngle = 0;
MatToCImage(dst[1], mImage); //send Mat object data to CImage objiect
Invalidate();
}
}
else
{
mString = "没发现打开的图像，"复制粘贴并模糊边界"指令已退出！";
mInformation.SetWindowTextW(mString);
Invalidate();
}
break;
下面试下效果，绘制选择框，如下：
点击复制粘贴并模糊边界按钮，再仔猫身上选择一个点，点击鼠标左键，结果如下：
由于选择区域与粘贴区域差别太大，边界还是有些明显。需用选择区域磨皮处理一下，看起来才会自然一些。处理后如下：
20 复制粘贴
复制粘贴 与复制粘贴并模糊边界二者作用大致相同，其代码也大致相同这里就不做介绍了。
21 删除选择框
删除选择框实际上是将选择框的尺寸设置为0，不再显示。其代码简单这里就不做介绍了。
22 绘制选择框
绘制选择框需用到MFC的CRectTracker类，前面专门介绍CRectTracker类的博文，这里就不做介绍了。
23 拾取颜色替换当前色
拾取颜色替换当前色是用MFC的GetPixel来获取选择点的RGB值，然后赋值给COLORREF变量。拾取颜色替换当前色按钮事件处理程序代码如下：
void CEasyImageDlg::OnBnClickedPickColor()
{
iFlag = 8; //pick color
mString = "你选择的是"拾取颜色替换当前色"操作，如果像取消请按Esc键";
mInformation.SetWindowTextW(mString);
}
鼠标左键按下事件处理程序代码如下：
case 8: //pick color
{
iFlag = 0;
CDC* pdc = GetDC();
cCurrentColor = pdc->GetPixel(point);
iRed = GetRValue(cCurrentColor);
iGreen = GetGValue(cCurrentColor);
iBlue = GetBValue(cCurrentColor);
UpdateData(0);
pen.CreatePen(PS_SOLID, 1, cCurrentColor);
ReleaseDC(pdc);
mString = ""拾取颜色替换当前色"操作已完成。";
mInformation.SetWindowTextW(mString);
Invalidate();
}
break;
试一下效果，点击拾取颜色替换当前色按钮，然后点击猫的眼睛，结果如下：
当前色指示器颜色及RGB值都更新成了猫的眼睛色。
24 设置当前色
设置当前色是通过MFC的原色对话框来实现的，前面有专门介绍MFC颜色对话框的博文，这里就不做介绍了。下面看一下设置当前色的操作。点击设置当前色按钮可打开颜色对话框。如下：
可从基本色中选择颜色，也可以自定义颜色，点击规定自定义颜色按钮，可选择更多的颜色，如下：
本程序的所有按钮都已介绍完毕。本示例的图片编译后的程序及源代码都已上传到CSDN，如需查看详细代码可以去下载。
可执行程序链接：https://download.csdn.net/download/billliu66/89619138