前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >GDI透明贴图

GDI透明贴图

作者头像
_gongluck
发布2018-03-08 14:23:56
2.8K0
发布2018-03-08 14:23:56
举报
文章被收录于专栏:转载gongluck的CSDN博客

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

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

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

背景图片:

前景图片:

实现效果:

成功把星星画上去了。

先看下面的资料:

代码语言:javascript
复制
//如果一个单色位图向彩色位图转换,那么单色位图为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)

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

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

代码语言:javascript
复制
	//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可以指定要透明的颜色。

代码语言:javascript
复制
	//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);

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016年10月27日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
图片处理
图片处理(Image Processing,IP)是由腾讯云数据万象提供的丰富的图片处理服务,广泛应用于腾讯内部各产品。支持对腾讯云对象存储 COS 或第三方源的图片进行处理,提供基础处理能力(图片裁剪、转格式、缩放、打水印等)、图片瘦身能力(Guetzli 压缩、AVIF 转码压缩)、盲水印版权保护能力,同时支持先进的图像 AI 功能(图像增强、图像标签、图像评分、图像修复、商品抠图等),满足多种业务场景下的图片处理需求。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档