BitBlt 画透明位图

       CDC::BitBlt函数，应用在GDI的绘图中，有时候我们需要显示的位图有一部分是透明的，例如在棋类游戏中，棋盘图片和棋子图片融合的时候，棋子边缘应该是透明。

       在图1中，棋盘和棋子图片融合在一起，需要设置棋子图片边缘的“品红色”为透明。

BitBlt函数说明：              

                    

BOOL BitBlt( int x, int y, int nWidth, int nHeight, CDC* pSrcDC, int xSrc, int ySrc, DWORD dwRop );

          CSDN中关于bitblt函数的说明 ：Copies a bitmap from the source device context to this current device context.   将源设备上下文中一个位图，拷贝到当前设备上下文中。其中x,y是当前设备上下文的绘图位置，nWidth和nHeight是位图大小，xSrc和ySrc是源设备上下文的位图位置。dwRop 是源位图和当前位图的运算方式，下面是其取值

BLACKNESS 用黑色填充目标矩形区域.

DSTINVERT 将目标矩形图象进行反相.

MERGECOPY 将源矩形图象与指定的图案刷(Pattern)进行布尔"与"运算.

MERGEPAINT 将源矩形图形经过反相后，与目标矩形图象进行布尔"或"运算.

NOTSRCCOPY 将源矩形图象经过反相后，复制到目标矩形上.

NOTSRCERASE 先将源矩形图象与目标矩形图象进行布尔"或"运算，然后再将得图象进行反相.

PATCOPY 将指定的图案刷复制到目标矩形上.

PATINVERT 将指定的图案刷与目标矩形图象进行布尔"异或"运算.

PATPAINT 先将源矩形图象进行反相，与指定的图案刷进行布尔"或"运算，

再与目标矩形图象进行布尔"或"运算

SRCAND 将源矩形图象与目标矩形图象进行布尔"与"运算.

SRCCOPY 将源矩形图象直接复制到目标矩形上.

SRCERASE 将目标矩形图象进行反相，再与源矩形图象进行布尔"与"运算.

SRCINVERT 将源矩形图象与目标矩形图象进行布尔"异或"运算.

SRCPAINT 将源矩形图象与目标矩形图象进行布尔"或"运算.

WHITENESS 用白色填充目标矩形区域.

  下面举例说明 位图的运算方式，两个位图按照对应像素 按位运算          例如像素（R1，G1，B1）和（R2，G2，B2）采用SRCAND “与”运算，则结果为（R1&R2，G1&G2，B1&B2）。

测试：建立MFC单文档，在资源中添加BITMAP资源IDB_BITMAP1，IDB_BITMAP2,在view类的OnDraw中，添加以下代码：

<span style="font-size:18px;">void CXXXXXXXXView::OnDraw(CDC* pDC){CceshiTransparentDoc* pDoc = GetDocument();ASSERT_VALID(pDoc);if (!pDoc)return;// TODO: 在此处为本机数据添加绘制代码//图片1CBitmap bitmap1;bitmap1.LoadBitmap(IDB_BITMAP1);CDC  dcMem1;dcMem1.CreateCompatibleDC(pDC);CBitmap *pOldBitmap1=dcMem1.SelectObject(&bitmap1);//获取图像尺寸BITMAP  bitmapInfo;bitmap1.GetBitmap(&bitmapInfo);//图片2CBitmap bitmap2;bitmap2.LoadBitmap(IDB_BITMAP2);CDC  dcMem2;dcMem2.CreateCompatibleDC(pDC);CBitmap *pOldBitmap2=dcMem2.SelectObject(&bitmap2);//两个位图取“与”pDC->BitBlt(100,100,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMem1,0,0,SRCCOPY);pDC->BitBlt(100,100,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMem2,0,0,SRCAND); dcMem1.SelectObject(pOldBitmap1);dcMem2.SelectObject(pOldBitmap2);dcMem1.DeleteDC();dcMem2.DeleteDC();}</span>

测试位图

                                          

结果:

从结果图可以看出，位图操作是逐pixel逐bit进行运算的。

 单色位图与彩色位图的相互转化

CSDN中关于bitblt函数还有以下说明，

If destination, source, and pattern bitmaps do not have the same color format, theBitBlt function converts the source and pattern bitmaps to match the destination. The foreground and background colors of the destination bitmap are used in the conversion.

When the BitBlt function converts a monochrome bitmap to color, it sets white bits (1) to the background color and black bits (0) to the foreground color. The foreground and background colors of the destination device context are used. To convert color to monochrome, BitBlt sets pixels that match the background color to white and sets all other pixels to black.BitBlt uses the foreground and background colors of the color device context to convert from color to monochrome.

翻译：如果目的，源和模式位图颜色模式不同，BitBlt 函数会转换源和模式位图，以适应目的位图。目的位图的前景色和背景色，应用在转换过程中。单色位图只有“1”和“0”两种像素值。

BitBlt函数转换“单色位图”（源）到“彩色位图”（目的）时，会将“单色位图”中的“1”转化为背景色（目的的背景色），“0”转化为前景色（目的的前景色）。这里需要十分注意背景设置函数pdcDest->SetBkColor(...)和前景设置函数pdcDest->SetTextColor(...)的使用。

BitBlt函数转换“彩色位图”（源）到“单色位图”（目的）时，将“彩色位图”中像素值等于“背景色”（通过pdcSource->SetBkColor(...)设置）的像素转化为“单色位图”中为“1”，其他的像素值变成了“0”。

测试图片：

测试代码：

//第1步：加载源位图bitmapDest，选入内存设备dcDestCDC dcSource;dcSource.CreateCompatibleDC(pDC);CBitmap bitmapDest;bitmapDest.LoadBitmap(IDB_BITMAP3);CBitmap *pOldBitmapDest=dcSource.SelectObject(&bitmapDest);          //源位图 选到了设备上下文BITMAP bitmapInfo;                                                 //获取位图信息bitmapDest.GetBitmap(&bitmapInfo);//第2步：建立单值位图bitmapMonochrome，选入内存设备dcMonoChromeCDC dcMonoChrome;                       //单色设备上下文dcMonoChrome.CreateCompatibleDC(pDC);CBitmap bitmapMonochrome;bitmapMonochrome.CreateBitmap(bitmapInfo.bmWidth,bitmapInfo.bmHeight,1,1,NULL);CBitmap *pOldBitmapMonoChrome=dcMonoChrome.SelectObject(&bitmapMonochrome);        //第3步：彩色位图 -----------> 单色位图 ///注意这里设置  源位图的背景色dcSource.SetBkColor(RGB(164,51,39));  //源位图中   像素值为(164,51,39)的 对应到单色位图中的1，其他值变为0dcMonoChrome.BitBlt(0,0,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcSource,0,0,SRCCOPY);  ////第4步:画出转化后的单色图// pDC->BitBlt(50,50,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMonoChrome,0,0,SRCCOPY);//第5步:单色图   ---------->   彩色位图pDC->SetBkColor(RGB(220,216,67));                 //单色中的1--------------->(220,216,67)pDC->SetTextColor(RGB(173,98,50));                //单色中的0--------------->(173,98,50)pDC->BitBlt(50,50,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMonoChrome,0,0,SRCCOPY);//释放dcSource.SelectObject(pOldBitmapDest);bitmapDest.DeleteObject();dcSource.DeleteDC(); dcMonoChrome.SelectObject(&bitmapMonochrome); bitmapMonochrome.DeleteObject();dcMonoChrome.DeleteDC();

结果分析：

彩色位图融合到彩色背景

返回文章开头提到的，棋子周围的图片透明处理。这里要借助单色位图，作为 “掩图”，去除棋子周围的透明区域。

性质1：二进制逻辑运算中，0[xor]0=0；0[xor]1=1，可见，“异或”操作中0具有保持原bit不变的性质。

性质2：1[xor]0[xor]0=1；1[xor]1[xor]1=1；0[xor]1[xor]1=0；0 [xor] 0[xor]0=0； 可见，一个bit1[xor]bit2[xor]bit2=bit1  连续“异或”，和“没有操作”一样。

借助一些小技巧，可以去掉图片周围的底色，现在有下面的“背景图”（A）和“源位图”（B），需要去掉“鸣人”周围的“棕红色”区域。

问题：根据性质2，A[异或]B[异或]B，可以去掉“棕红色”，但是糟糕的是“鸣人”也去掉了。

解决办法：在根据性质1，在第一次   [异或]B  后，将“鸣人”区域置为0，“棕红色”区域保持不变，办法是中间加上一个[与]操作。根据鸣人图片制作一个“掩码”图片，即图（C）。

图片叠加的步骤：A[异或]B[与]C[异或]B

                

                             （A）            

 

                        （B）

                           （C）

测试代码：

//第1步:创建背景  CBitmap bitmapBack;bitmapBack.LoadBitmap(IDB_BEIJING);CDC dcMemBack;dcMemBack.CreateCompatibleDC(pDC);CBitmap *pOldBitmapBack=dcMemBack.SelectObject(&bitmapBack);BITMAP bitmapInfo;bitmapBack.GetBitmap(&bitmapInfo);//第2步：创建源图CBitmap bitmapSource;bitmapSource.LoadBitmap(IDB_BITMAP3);CDC  dcMemSource;dcMemSource.CreateCompatibleDC(pDC);CBitmap *pOldBitmapSource=dcMemSource.SelectObject(&bitmapSource);//第3步：创建单色图CBitmap  bitmapMonochrome;bitmapMonochrome.CreateBitmap(bitmapInfo.bmWidth,bitmapInfo.bmHeight,1,1,NULL);CDC  dcMemMonochrome;dcMemMonochrome.CreateCompatibleDC(pDC);CBitmap *pOldBitmapMonochrome=dcMemMonochrome.SelectObject(&bitmapMonochrome);//第4步：源位图----->单色图dcMemSource.SetBkColor(RGB(164,51,39));dcMemMonochrome.BitBlt(0,0,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMemSource,0,0,SRCCOPY);//第5步：“鸣人”透明叠加“背景”图中pDC->BitBlt(50,50,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMemBack,0,0,SRCCOPY);pDC->BitBlt(50,50,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMemSource,0,0,SRCINVERT);//注意这里涉及到将“单色位图”-------->“彩色位图”，然后在进行运算，//默认下背景色是(255,255,255)，前景色是(0,0,0)，下面两句可以不加，pDC->SetBkColor(RGB(255,255,255));   //将dcMemMonochrome中的“1”转化为(255,255,255)pDC->SetTextColor(RGB(0,0,0));       //将dcMemMonochrome中的“0”转化为(0,0,0)pDC->BitBlt(50,50,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMemMonochrome,0,0,SRCAND);pDC->BitBlt(50,50,bitmapInfo.bmWidth,bitmapInfo.bmHeight,&dcMemSource,0,0,SRCINVERT);//释放dcMemBack.SelectObject(pOldBitmapBack);bitmapBack.DeleteObject();dcMemBack.DeleteDC();dcMemSource.SelectObject(pOldBitmapSource);bitmapSource.DeleteObject();dcMemSource.DeleteDC();dcMemMonochrome.SelectObject(pOldBitmapMonochrome);bitmapMonochrome.DeleteObject();dcMemMonochrome.DeleteDC();

测试结果：

文中有错误的地方请留言！！！！