前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用BitBlt实现位图背景透明

使用BitBlt实现位图背景透明

作者头像
全栈程序员站长
发布2022-11-02 16:42:17
1.2K0
发布2022-11-02 16:42:17
举报

我们先看一下 BitBlt 这个函数的原型:

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

参数介绍:

int x 表示绘制位图目标左上角x坐标;

int y 表示绘制位图目标左上角y坐标;

int nWidth 表示绘制位图目标的区域宽度;

int nHeight 表示绘制位图目标的区域高度;

CDC* pSrcDC 表示存储源位图的设备描述表;

int xSrc 表示源位图的左上角x坐标;

int ySrc 表示源位图的左上角y坐标;

DWORD dwRop 表示栅格运算标志;

dwRop的取值与值的描述如下表所示:

描述

BLACKNESS

用调色板中索引为0的颜色(默认是黑色)填充目标矩形。

CAPTUREBLT

用调色板中索引为0的颜色(默认是黑色)填充目标矩形。

DSTINVERT

将目标矩形反色。

MERGECOPY

将源矩形中的颜色与当前目标设备环境选中的画刷通过逻辑与操作进行混合。

MERGEPAINT

将源矩形的颜色反色后与目标矩形的颜色通过逻辑或操作进行混合。

NOMIRRORBITMAP

防止位图镜像翻转。

NOTSRCCOPY

源矩形反色复制到目标矩形。

NOTSRCERASE

将源矩形与目标矩形的颜色通过逻辑或操作混合后,再反色。

PATCOPY

将目标设备环境选中的画刷复制到目标位图。

PATINVERT

将目标设备环境选中的画刷与目标矩形中的颜色进行逻辑异或操作,复制到目标位图。

PATPAINT

将目标设备环境选中的画刷与源矩形中的颜色的反色进行逻辑或操作,其结果再与目标矩形的颜色进行逻辑或操作。

SRCAND

将源矩形与目标矩形的颜色进行逻辑与操作。

SRCCOPY

直接将源矩形拷贝到目标矩形,最常用的绘制位图属性。

SRCERASE

将目标矩形的反色与源矩形的颜色进行逻辑与操作。

SRCINVERT

将源矩形的颜色与目标矩形进行逻辑异或操作。

SRCPAINT

将源矩形的颜色与目标矩形进行逻辑或操作。

WHITENESS

用调色板中索引为1的颜色(默认是白色)填充目标矩形。

下面是整个实现过程:

1) 创建一张大小与需要绘制图像相同的位图作为“掩码”位图(maskBmp);

2) 将新创建的“掩码”位图存储至掩码位图的设备描述表(maskDC)中;

3) 把内存设备描述表(memDC)的背景设置成“透明色”(SetBkColor(RGB(?, ?, ?))),即不需要显示的颜色;

4) 复制粘贴位图到“掩码”位图的设备描述表中,这个时候“掩码”位图设备描述表中存放的位图与位图设备描述表中的位图一样 (maskDC.BitBlt(……)) ,此时会进行掩码运算,体现掩码特性,即:与设置的背景设相同的为体现出白色,不同的体现出黑色。(下面会详细说明过程)。

5) 将内存DC里的图片与实际窗口背景颜色(设为白色)做逻辑异或(关键词:SRCINVERT)操作并在实际窗口中呈像;

6)将掩码DC的图与实际窗口背景颜色做逻辑与(关键字:SRCAND)操作,并在窗口中呈像;

7)重复第五步。

下面进行演示:

首先我们要贴上的图片是如下的一张图(即黑色背景红色方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

我们要将它的背景透明,然后显示在窗口上。

说明:

图片宽度定义为 const int BMPWIDTH = 182,

高度定义为 const int BMPHEIGHT =172;

第一步:创建一张掩码图,代码如下:

代码语言:javascript
复制
CBitmap maskBmp;
maskBmp.CreateBitmap(BMPWIDTH, BMPHEIGHT, 1, 1,NULL);  

CreateBitmap函数说明:

参数1 nWidth: 指定位图宽度、单位为像素。

参数2 nHeight: 指定位图高度、单位为像素。

参数3 CPlanes: 指定该设备使用的颜色位面数目。

参数4 CBitsPerPel: 指定用来区分单个像素点颜色的位数(比特数目)。

参数5 LpvBits: 指向颜色数据数组指针。这些颜色数据用来设置矩形区域内像素的颜色。矩形区域中的每一扫描线必须是双字节的整数倍(不足部分以0填充)。如果该参数为NULL,将不对新生成的位图进行初始化。

第二步:将创建的掩码位图选进掩码位图的设备描述表中

如下:

代码语言:javascript
复制
CDC maskDC;                  <span style="white-space:pre">				</span> //定义掩码DCmaskDC.CreateCompatibleDC(NULL);   <span style="white-space:pre">			</span>//初始化设备DCCBitmap *oldMaskBmp = maskDC.SelectObject(&maskBmp);          //将掩码位图存入,并返回旧的位图

第三步:将内存设备描述表的背景色设置为透明色(即要实现透明的背景色,如本例子为黑色)

代码语言:javascript
复制
CBitmap bmpSquare; <span style="white-space:pre">			</span>//定义一个CBitmap对象存储将要绘制的图(ID为IDC_SQUARE)bmpSquare.LoadBitmap(IDC_SQUARE);             //加载位图 CDC memDC;                   <span style="white-space:pre">			</span>//创建内存DCmemDC.CreateCompatibleDC(NULL);                 //初始化DCCBitmap *oldMemBmp = memDC.SelectObject(&bmpSquare);        //将位图存入内存DC中,并返回旧的位图memDC.SetBkColor(RGB(0,0,0));               <span style="white-space:pre">		</span> //将内存DC的背景色设置为黑色

第四步:将内存DC的位图在掩码DC中呈像

代码语言:javascript
复制
maskDC.BitBlt(0, 0, BMPWIDTH, BMPHEIGHT, &memDC, 0,0, SRCCOPY);

说明:

memDC中图为(黑色底红色方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

+ memDC背景色(全黑):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

= 掩码计算后(白色底黑色方块):.

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

现在maskDC中的图即为 :

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

.... (白底黑方块)

第五步:将内存DC里的图片与实际窗口背景颜色(设为白色)做逻辑异或(关键词:SRCINVERT)操作并在实际窗口中呈像;如下:

代码语言:javascript
复制
CPanitDC dc(this);            //窗口DCdc.BitBlt(0, 0, BMPWIDTH, BMPHEIGHT, &memDC, 0, 0,SRCINVERT);

说明:

memDC中图为(黑色底红色方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

+ 窗口背景色(全白):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

= 异或操作后(白底蓝绿色方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

.

逻辑说明:

memDC背景(黑)其RGB为: 0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0

窗口背景(白)为: 1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1

异或操作(相同为0不同为1): 1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1(白色)

——————————————————————————————————————————

memDC方块(红)为: 1 1 1 1 1 1 1 1,0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0

窗口背景(白)为: 1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1

异或操作结果: 0 0 0 0 0 0 0 0,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1(蓝绿色)

第六步:将掩码DC的图与实际窗口背景颜色做逻辑与(关键字:SRCAND)操作,并在窗口中呈像;如下:

代码语言:javascript
复制
dc.BitBlt(0, 0, BMPWIDTH, BMPHEIGHT, &maskDC, 0, 0,SRCAND);

说明:

maskDC中图为(白底黑方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

+ 窗口背景色(白底蓝绿色方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

= 异或操作后(白底黑方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

.

此时在绘图区域的背景图为 ....

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

.... (白色背景黑色方块)

逻辑说明:

maskDC背景(白)其RGB为: 1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1

窗口背景(白)为: 1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1

与操作(1,1为1,其他为0): 1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1(白色)

—————————————————————————————————————————

maskDC方块(黑)为: 0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0

窗口背景(蓝绿)为: 0 0 0 0 0 0 0 0,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1

逻辑与操作结果: 0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0(黑色)

第七步:也是最后一步,重复第五步,也就是将内存DC里的图片与实际窗口背景颜色(设为白色)做逻辑异或(关键词:SRCINVERT)操作并在实际窗口中呈像;如下:

代码语言:javascript
复制
dc.BitBlt(0, 0, BMPWIDTH, BMPHEIGHT, &memDC, 0, 0,SRCINVERT);

说明:

memDC中图为(黑底红方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

+ 窗口背景色(白底黑方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

= 异或操作后(白底红方块):

使用BitBlt实现位图背景透明
使用BitBlt实现位图背景透明

.

逻辑说明:

memDC背景(黑)其RGB为: 0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0

窗口背景(白)为: 1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1

异或操作(相同为0不同为1): 1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1,1 1 1 1 1 1 1 1(白色)

——————————————————————————————————————————-

memDC方块(红)为: 1 1 1 1 1 1 1 1,0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0

窗口背景(黑)为: 0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0

异或操作结果: 1 1 1 1 1 1 1 1,0 0 0 0 0 0 0 0,0 0 0 0 0 0 0 0(红色)

此时的方块背景色白色即与整个窗口背景色相同,也就是说我们实现了透明显示位图哈。

最后,别忘记把改释放的资源释放!

如:

代码语言:javascript
复制
      maskDC.SelectObject(oldMaskBmp);      memDC.SelectObject(oldMemBmp);      memDC.DeleteDC();

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/180485.html原文链接:https://javaforall.cn

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档