GDI透明贴图

网上下载的图片,有一些会有水印。水印的实现可以用透明贴图来做。透明贴图就是让两张图片合并的时候,重叠的部分中使一些颜色不显示,从而达到透明的效果。

如果用GDI来实现的话,具体方法步骤可多可少,少的可以使用一个SDK函数就解决。

工程下载地址:点击打开链接

背景图片:

前景图片:

实现效果:

成功把星星画上去了。

先看下面的资料:

//如果一个单色位图向彩色位图转换,那么单色位图为1的部分(也就是白色部分),会转换为彩色位图的背景色,单色位图为0的部分(黑色部分),会转换为彩色位图的前景色。
//如果一个彩色位图向单色位图转换,那么彩色位图的背景色转换到单色位图中则为1(白色),其他的则转换为0(黑色)。
//当然上面的1和0都是指bit位的值,还有这些转换是在设备上下文间的块数据操作前就进行的。
//由于windows上所有的位图操作都是基于内存设备上下文的,所以我们还需要创建两个设备上下文分别用于存放源位图和“掩码”位图。
//位图在设备上下文之间块数据传递需要通过Biltblt实现,对于这个函数和关于bitblt的最后一个参数的光栅操作的具体含义的介绍,这里就不再赘述,具体可看MSDN上关于bilblt的描述。
//对一数据做两次异或操作,那么数据将恢复到原数据,跟没操作一样,透明贴图就是运用该原理。
/*核心代码:
dcImage.SetBkColor(crColour);
dcMask.BitBlt(0, 0, nWidth, nHeight, &dcImage, 0, 0, SRCCOPY);
pDC->BitBlt(x, y, nWidth, nHeight, &dcImage, 0, 0, SRCINVERT);
pDC->BitBlt(x, y, nWidth, nHeight, &dcMask, 0, 0, SRCAND);
pDC->BitBlt(x, y, nWidth, nHeight, &dcImage, 0, 0, SRCINVERT); 
*/
	CBitmap btfile;
	btfile.LoadBitmap(IDB_BITMAP1);
	BITMAP btinfo;
	btfile.GetBitmap(&btinfo); //获取源位图的大小等信息
	CClientDC dcClient(this); // 当前绘画DC,以下表述中可能会称之为“底图”
	CDC dcImage, dcMask; // 创建两个用于处理位图的兼容内存DC,MSDN指出图片处理需要在内存DC中进行
    // dcImage 该兼容DC用于处理源彩色位图,而dcMask用于生成跟源图对应的黑白掩码位图
	dcImage.CreateCompatibleDC(&dcClient); // 跟dcClient兼容
	dcImage.SelectObject(&btfile); // 将源彩色位图选人“源图处理dc”
	dcImage.SetBkColor(RGB(255, 255, 255));
    // 设置背景色,也就是源位图的透明色,假设为白色,我们一般做素材时,将背景做成白色的,
    // 在下面,生成掩码图时,跟背景相同的会转换为白色,其他颜色转换为黑色
	CBitmap btSingleColor; // 声明位图对象
	btSingleColor.CreateBitmap(btinfo.bmWidth, btinfo.bmHeight, 1, 1, NULL);// 设定该内存位图的大小,并设置为单色位图
	dcMask.CreateCompatibleDC(&dcClient); // 跟dcClient兼容
	dcMask.SelectObject(&btSingleColor); // 将黑白位图选人“掩码处理dc”
	dcMask.BitBlt(0, 0, btinfo.bmWidth, btinfo.bmHeight, &dcImage, 0, 0, SRCCOPY);
   //这里DC之间的块数据拷贝就用到了开头提到的知识点,从彩色位图向单色位图转换,
   //源位图的背景图拷到掩码DC中后变为白色,其他则为黑色
	dcClient.BitBlt(0, 0, btinfo.bmWidth, btinfo.bmHeight, &dcImage, 0, 0, SRCINVERT);
   // 源图跟底图进行异或
   // SRCINVERT:这个光栅操作码代表“异或”操作,SRCAND:代表“与”操作
   // 如果对一数据做两次异或操作,那么数据将恢复到原数据,跟没操作一样
   // 透明位图就是利用这个特性,将源位图异或的方式拷贝到显示DC两次
   // 但是异或拷贝两次的话,那么源位图将不显示,换种说法就是整张位图都被透明了
   // 这可不是我们想要的结果,我们的目的只是将背景色透明,所以我们还需要在这两次
   // 异或操作中加入其他操作来实现我们想要的结果,这时候就需要上面准备的“掩码”DC来帮忙了
	dcClient.BitBlt(0, 0, btinfo.bmWidth, btinfo.bmHeight, &dcMask, 0, 0, SRCAND);
   // 掩码DC内的单色位图跟上面的结果进行与操作,目的是将需要透明的地方保留不变,这样下次再次用源图异或时
   // 该部分就应为执行了两次异或而透明了;而最终结果中需要显示的部分,在本次掩码与操作中,
   // 应当为清除为0,即黑色,这样下次异或时,将会原封不动的显示出来。
   //掩码DC内的单色位图为1的部分,将会保留显示DC的原图,为0的部分将会清除对应区域为0,即为黑色
	dcClient.BitBlt(0, 0, btinfo.bmWidth, btinfo.bmHeight, &dcImage, 0, 0, SRCINVERT);
   // 最后在上面步骤的基础上,再次用源数据DC进行一下异或操作,
   // 最终的结果,需要透明的部分,源图因为执行了两次异或,而透明了,直接显示底图的图案
   // 需要显示的部分,因为是跟0异或,将得到完全的保留。
   // 异或操作:(0^1 = 1) (0^0 = 0)

也就是说用对两个图片进行比较复杂的位操作(数学不好,真心觉得很难)。

下面是我的实现,与上面的资料略有不同。

	//1 bk背景 fore前景 mask掩码
	CDC* dc = GetDC();
	CDC bk_DC,fore_DC,mask_DC;

	bk_DC.CreateCompatibleDC(dc);
	fore_DC.CreateCompatibleDC(dc);
	mask_DC.CreateCompatibleDC(dc);

	int j = SaveDC(bk_DC.m_hDC);
	int i = SaveDC(fore_DC.m_hDC);
	int k = SaveDC(mask_DC.m_hDC);

	CBitmap bk_bmp,fore_bmp;
	bk_bmp.LoadBitmap(IDB_BITMAP1);
	fore_bmp.LoadBitmap(IDB_BITMAP2);

	bk_DC.SelectObject(bk_bmp);
	fore_DC.SelectObject(fore_bmp);
	fore_DC.SetBkColor(fore_DC.GetPixel(2,2)); //设置背景颜色

	HBITMAP mask_bmp = CreateBitmap(512,384,1,1,NULL);
	mask_DC.SelectObject(mask_bmp);

	//彩色位图贴到单色位图,彩色位图的背景色变成白色(1),其他变成黑色(0)
	mask_DC.BitBlt(0,0,512,384,&fore_DC,0,0,SRCCOPY); 
//	dc->BitBlt(0,0,512,384,&mask_DC,0,0,SRCCOPY);  //白底黑字

	fore_DC.SetBkColor(RGB(0,0,0));   //设置背景颜色黑
	fore_DC.SetTextColor(RGB(255,255,255));  //设置前景颜色白
	//1(白) & x = x; 
	//0(黑) & x = 0; 背景(黑色)保留了
	fore_DC.BitBlt(0,0,512,384,&mask_DC,0,0,SRCAND);
//	dc->BitBlt(0,0,512,384,&fore_DC,0,0,SRCCOPY);  //背景变为黑,前景没变

	bk_DC.SetBkColor(RGB(255,255,255));  //设置背景颜色白
	bk_DC.SetTextColor(RGB(0,0,0));   //设置前景颜色黑

	bk_DC.BitBlt(0,0,512,384,&mask_DC,0,0,SRCAND);
//	dc->BitBlt(0,0,512,384,&bk_DC,0,0,SRCCOPY);

	bk_DC.BitBlt(0,0,512,384,&fore_DC,0,0,SRCPAINT);
	dc->BitBlt(0,0,512,384,&bk_DC,0,0,SRCCOPY);
	RestoreDC(fore_DC.m_hDC,i);
	RestoreDC(bk_DC.m_hDC,j);
	DeleteObject(mask_bmp);
	DeleteDC(bk_DC);
	DeleteDC(mask_DC);
	DeleteDC(fore_DC);

写完这个代码之后,还不是很理解,尤其是SetBkColor、SetTextColor两个函数与BltBit的SRCAND操作的地方。暂且做个标记吧。

其实,实现透明贴图还可以用MaskBlt和TransparentBlt。MaskBlt最后的参数比较复杂,我还没搞懂就先放过了。而TransParentBlt的话,简单来说就是最快捷方便的方式了。

TransParentBlt可以指定要透明的颜色。

	//2
	CDC* dc = GetDC();
	CDC bk_DC,fore_DC,mask_DC;

	bk_DC.CreateCompatibleDC(dc);
	fore_DC.CreateCompatibleDC(dc);

	int j = SaveDC(bk_DC.m_hDC);
	int i = SaveDC(fore_DC.m_hDC);

	CBitmap bk_bmp,fore_bmp;
	bk_bmp.LoadBitmap(IDB_BITMAP1);
	fore_bmp.LoadBitmap(IDB_BITMAP2);
	bk_DC.SelectObject(bk_bmp);
	fore_DC.SelectObject(fore_bmp);

	dc->BitBlt(0,0,512,384,&bk_DC,0,0,SRCCOPY);
	dc->TransparentBlt(0,0,512,384,&fore_DC,0,0,510,380,fore_DC.GetPixel(2,2));

	RestoreDC(fore_DC.m_hDC,i);
	RestoreDC(bk_DC.m_hDC,j);
	DeleteDC(bk_DC);
	DeleteDC(fore_DC);

是不是觉得比第一种方法简单了十几万倍!

最后,希望看到文章的朋友留下你宝贵的意见或者经验,不胜感激

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

Android 自定义标签 ViewLayout

自定义viewLayout实现标签View,UI的效果图如下: ? 如图,我们要自己实现带描边的,带花括号的,带三角形,带对勾的这样一个layout ,并且对...

19910
来自专栏逍遥剑客的游戏开发

UE4衣服材质换色

2965
来自专栏Android小菜鸡

自定义View学习之路(五)————彩虹环

  走往android的进阶之路,避不开自定义View的学习和绘制。这里以绘制一个可用的彩虹环为例。开始系统的学习View的绘制。 彩虹环需求:

612
来自专栏iOS开发笔记

深入探究frame和bounds的区别以及setbounds使用

在iOS开发中经常遇到两个词Frame和bounds,本文主要阐述Frame和bound的区别,尤其是bound很绕,很难理解。 1 首先,看一下公认的资料 ...

2874
来自专栏Java帮帮-微信公众号-技术文章全总结

【Java案例】打印五环

案例描述 在屏幕上画出奥运五环旗,如图1.7所示。 ? 图1.7 奥运五环旗 案例分析 观察奥运五环旗的图案,直观的感觉,由五个圆组成,每个圆的颜色不一样...

2685
来自专栏重庆的技术分享区

HTML5-Canvas初探(1)

1122
来自专栏听雨堂

从MapX到MapXtreme2004[11]-坐标概论

        坐标的问题是Mapxtreme中最郁闷的问题,前几天在这上面耗了很多时间,没有搞定,今天又是不得不钻研,还好,小有心得。         1、...

1917
来自专栏深度学习之tensorflow实战篇

绘制动态心形图案::R语言绘制心形图

原始方程源于此贴一楼:直通车 整理修改后: 被窝修改成这样: x<-seq(-1.1,1.1,length = 3000) rep<-30 y<-matri...

3797
来自专栏Android点滴积累

Android XML shape 标签使用详解(apk瘦身,减少内存好帮手)

Android XML shape 标签使用详解   一个android开发者肯定懂得使用 xml 定义一个 Drawable,比如定义一个 rect 或者 c...

2597
来自专栏jiajia_deng

Qt 用画笔对图片实现马赛克效果

最近接了一个用 Qt 做跨平台截图工具的任务,主要功能有截图、绘制图案、马赛克、毛玻璃、文字能效果,其中马赛克功能时参考网上的文献并自己研究制作出来的,这里特意...

791

扫码关注云+社区