Opencv Mat转Bitmap 图像出现错位显示

原图：

转换后的图片

图片明显错位显示，之后查找了很多资料，终于找到原因，bitmap数据格式中 图片宽度不是4的倍数导致，具体看一下链接

位图文件  

https://blog.csdn.net/xiajun07061225/article/details/5813726

位图  最重要的是 biSizeImage  biWidth  需要是4的倍数

https://blog.csdn.net/louis_815/article/details/53783497

OPENCV Mat内部结构

https://blog.csdn.net/wanty_chen/article/details/80023871

经过修改后

可以正常显示

具体实现代码如下：

1、调整图片宽度 很重要的一步哦。。。

int CImgProcessDlg::GetSuiteableWidth(const int prewidth)
{
	int nwidth = 0;
	int nremainder = prewidth % 4;
	if (nremainder == 0)
	{
		return prewidth;//宽度 pix
	}
	else
	{
		return (prewidth / 4 + 1) * 4;//宽度 pix
	}
	return 0;
}

2、填充BITMAP结构  

void CImgProcessDlg::FillBitmapInfo(BITMAPINFO* bmi, int width, int height, int bpp, int origin)
{
	BITMAPINFOHEADER* bmih = &(bmi->bmiHeader);

	memset(bmih, 0, sizeof(*bmih));
	bmih->biSize = sizeof(BITMAPINFOHEADER);//指定文件大小，包括这14个字节
	/*32位的Windows操作系统处理4个字节(32位)的速度比较快，所以BMP的每一行颜色占用的字节数规定为4的整数倍。MyBmp.bmp中一行颜色有两个像素，共占用6字节，如果要补齐4*2=8字节，就要再加两个0字节。
行补位的公式为：widthBytes = (width*biBitCount+31)/32*4 */
	//width = (width*bpp + width) / 32 * 4;
	bmih->biWidth = GetSuiteableWidth(width);//宽度 pix
	bmih->biHeight = origin ? abs(height) : -abs(height); // 高度  .bMP文件的数据从下到上，从左到右的。也就是说，从文件中最先读到的是图象最下面一行的左边第一个象素，然后是左边第二个象素……接下来是倒数第二行左边第一个象素，左边第二个象素……依次类推 ，最后得到的是最上面一行的最右一个象素。
	bmih->biPlanes = 1; // 目标设备的级别，必须为1
	bmih->biBitCount = (unsigned short)bpp;// 每个像素所需的位数，必须是1(双色), 每个像素的位数
	// 1 - 黑白图，4 - 16色，8 - 256色，24 - 真彩色 4(16色)，8(256色)或24(真彩色)之一
	bmih->biCompression = BI_RGB;// 位图压缩类型，必须是 0(不压缩), 1(BI_RLE8压缩类型)或2(BI_RLE4压缩类型)之一
//	bmih->biSizeImage = bmih->biHeight * 8 *height;
	/*biSizeImage
	指定实际的位图数据占用的字节数，其实也可以从以下的公式中计算出来：
	biSizeImage=biWidth’ × biHeight
	要注意的是：上述公式中的biWidth’必须是4的整倍数(所以不是biWidth，而是biWidth’，
	表示大于或等于biWidth的，最接近4的整倍数。举个例子，如果biWidth=240，则biWidth’=240；
	如果biWidth=241，biWidth’=244)。*/
}

3、Mat转Bitmap  数据内容拷贝 区分了 宽度是否是4倍数的问题，这样不论是不是4倍数都可以统一处理了。。。

CBitmap * CImgProcessDlg::MatImage2CBitmap(const cv::Mat imgTmp)
{
	HDC hDC = this->GetDC()->GetSafeHdc();
	uchar buffer[sizeof(BITMAPINFOHEADER) + 1024];
	BITMAPINFO* bmi = (BITMAPINFO*)buffer;
	int bmp_w = imgTmp.cols, bmp_h = imgTmp.rows;
	int nchannels = imgTmp.channels();
	int bpp = (imgTmp.depth()+1)*nchannels;
	FillBitmapInfo(bmi, bmp_w, bmp_h, bpp*8, 0);
	/*
	DWORD biSizeImage; // 位图的大小，以字节为单位
	LONG biXPelsPerMeter; // 位图水平分辨率，每米像素数
	LONG biYPelsPerMeter; // 位图垂直分辨率，每米像素数
	DWORD biClrUsed;// 位图实际使用的颜色表中的颜色数
	DWORD biClrImportant;// 位图显示过程中重要的颜色数72*8
	*/
	char *pBits = NULL;
	HBITMAP hBitmap = CreateDIBSection(hDC, bmi, DIB_RGB_COLORS, (void**)&pBits, NULL, 0);
	int pixelBytes = imgTmp.channels()*(imgTmp.depth()+1); // 计算一个像素多少个字节
	
	if (bmp_w%4==0)
	{
		memcpy(pBits , imgTmp.data, pixelBytes*bmp_w*bmp_h);
	}
	else
	{
		// 原始图像宽度不是 4 的倍数，将实际图片数据一行一行拷贝过去 
		int ntempW = GetSuiteableWidth(bmp_w);
		for (size_t i = 0; i < bmp_h; i++)
		{
			memcpy(pBits + pixelBytes * ntempW * i, imgTmp.data + pixelBytes * bmp_w * i, pixelBytes*bmp_w);
		}
	}

	CBitmap *pBitmap = new CBitmap;
	pBitmap->Attach(hBitmap);
	return pBitmap;
}

4、加载Mat图片

BOOL CImgProcessDlg::LoadImage_CV(cv::Mat&  img)
{
	CFileDialog fileDlg(1,  // TRUE打开Open，FALSE保存Save As文件对话框
		NULL,  // 默认的打开文件的类型
		NULL, // 默认打开的文件名 
		OFN_HIDEREADONLY,  // 单选打开
		L"Image Files (*.tif;*.jpg;*.bmp;*.png) |*.tif;*.jpg;*.bmp;*.png| 所有文件(*.*) | *.* ||",  // 打开的文件类型 "Image Files (*.tif;*.jpg;*.bmp;*.png)|*.tif;*.jpg;*.bmp;*.png"
		this
	);
	if (fileDlg.DoModal() == IDOK)
	{
		CString strFile = fileDlg.GetPathName();//返回选择或输入的文件名称
		USES_CONVERSION;
		char* strfilename = T2A(strFile.GetBuffer(0));
		img = cv::imread(strfilename);
	}
	return TRUE;
}

5、最后就显示了

void CImgProcessDlg::OnBnClickedBtnLoadimg()
{
	LoadImage_CV(m_orginimg);
	CBitmap* cbmp = MatImage2CBitmap(m_orginimg);
	m_pic.InitPic(10, cbmp);
}