使用MFC CImage类绘制PNG图片时遇到的问题
原文链接: http://blog.csdn.net/chenlycly/article/details/9193143
为了测试CImage绘制PNG图片的效果,我们用截图软件截得一张360的界面,然后使用PhotoShop等工具在图片的周边加上了透明的区域,然后保存成PNG图片文件。CImage首先从文件中加载,即
CImage* m_pImgBk;
......
m_pImgBk = new CImage;
m_pImgBk->Load( _T("res\\bk.png"));
if ( m_pImgBk->IsNull() ) // 图片加载失败
{
delete m_pImgBk;
m_pImgBk = NULL;
}
然后再到测试对话框的OnPaint中绘制,即
void CTestCImageDrawDlg::OnPaint()
{
CDialogEx::OnPaint();
CWindowDC dc(this);
if ( m_pImgBk != NULL )
{
m_pImgBk->Draw(dc.GetSafeHdc(), 30, 30, m_pImgBk->GetWidth(), m_pImgBk->GetHeight() );
}
}
结果发现了下面的一些问题。
1、直接使用CImage来绘制带透明部分的PNG图片,透明区域并没有透掉(非缩放)
按照图片的原始尺寸绘制到测试对话框界面上,结果透明区域没有透掉,代码如下所示。
CWindowDC dc(this);
if ( m_pImgBk != NULL )
{
ImgBk->Draw(dc.GetSafeHdc(), 30, 30, m_pImgBk->GetWidth(), m_pImgBk->GetHeight() );
}
显示的效果图如下所示。
经查阅,对于带透明区域的PNG图片需要做额外的处理,判断是否启用了Alpha透明通道,若启用则要对之做如下处理:
if ( m_pImgBk->GetBPP() == 32 )
{
for(int i = 0; i < m_pImgBk->GetWidth(); i++)
{
for(int j = 0; j < m_pImgBk->GetHeight(); j++)
{
unsigned char* pucColor = reinterpret_cast<unsigned char *>(m_pImgBk->GetPixelAddress(i , j));
pucColor[0] = pucColor[0] * pucColor[3] / 255;
pucColor[1] = pucColor[1] * pucColor[3] / 255;
pucColor[2] = pucColor[2] * pucColor[3] / 255;
}
}
}
经处理该透掉的区域均被透掉,如下所示。
2、使用CImage::Draw直接绘制缩放的PNG图片时,则显示不全、失真严重
考虑到在某些情况下,要对PNG图片进行缩放,所以对缩放绘制效果进行了测试。缩放时要做到长度和宽度的等比例缩放,相关代码如下所示。
CWindowDC dc(this);
if ( m_pImgBk != NULL )
{
int nDstWidth = 450;
int nDstHeight = (int)( (nDstWidth*1.0/m_pImgBk->GetWidth())*m_pImgBk->GetHeight() ); // 宽和高等比例缩放
m_pImgBk->Draw(dc.GetSafeHdc(), 30, 30, nDstWidth, nDstHeight );
}
查阅MSDN,看是否有相关接口或参数能较好的处理这种缩放的问题。发现在CImage::Draw中可以添加Gdiplus::InterpolationMode的参数,GO过去看了一下,可以选用Gdiplus::InterpolationModeHighQuality高质量类型,发现缩放失真改善了许多,但本该透掉的透明部分却变黑了,如下所示。
所以,CImage处理带透明部分的PNG图片,特别是缩放时是有缺陷的。后来改用gdi+的Image类,则没有类似的问题。其实CImage内部也是使用gdi+实现的,具体为什么会出现上述问题上不明确。可以直接使用gdi+的Image类来处理PNG图片。使用Image类是借助Gdiplus::Graphics来绘制的,即使用Image来加载图片,使用Gdiplus::Graphics将Image中的图片绘制到界面DC上,相关代码如下所示。
Gdiplus::Graphics graphics( dc );
graphics.DrawImage( m_pImage, 30, 30, nDstWidth, nDstHeight )