镂空图的制作技巧

镂空图的制作技巧

       镂空图就是将图片中的一部分显示在另一张背景图上,而且除去图中中不需要显示的部分(这些部分必须是白色或黑色),下图就是镂空图的显示效果。

 

 

 

下图则是镂空图的图像:

 

       要产生镂空图,只须使用前面所介绍的BitBlt函数与Raster运算。本节将讲解镂空图的原理,并制作镂空图范例。

 

产生镂空图的步骤

 

       制作镂空图有许多种方法,不过都是利用不同的Raster运算进行转换,而产生相同的镂空效果。在这里,我们将介绍最简单且最容易记住的一种方式。

       上图中的位图可以分为两半部(两个人物合在一幅位图里),左半边为人物,要镂空的部分为黑色;右半部分只有黑色和白色图,我们称之为蒙版;。下面我们来介绍产生镂空图的步骤:

*         步骤一:使用BitBlt函数将蒙版与背景图做AND运算,贴到目的地DC中。

*         步骤二:再以要镂空的图与背景图做OR运算,贴到目的地DC中。

 

制作镂空图的原理

 

为什么经过上面的两个步骤就能产生镂空的效果了呢?

Ø         在步骤一中,将蒙版与背景图做AND运算。

1. 蒙版的中间人物为黑色,与背景图做AND运算变成:

 

 

2.蒙版四周为白色,与背景图做AND运算变成:

 

 

 

步骤一产生的结果如下图所示:

 

 

 

Ø        在步骤二中,再将要镂空的图与背景图做OR运算:

 

1.图片中的人物为彩色,与上一张图做OR运算变成:

 

2.人物四周为黑色,与背景图做OR运算变成:

 

这样,产生的结果就是我们所要的镂空图了:

 

 

 

 

最后,再来看一个镂空图范例:

 

(1)       生成一个对话框程序,工程名为ch2_5

(2)       ch2_5Dlg.h中增加几个public成员:

public:

    CDC      *mdc;

    CBitmap *bgbmp,*bitmap;

RECT     rect;

 

              BOOL CCh2_5Dlg::OnInitDialog()函数中加载两张位图,其程序源代码如下:

                     CClientDC dc(this);

    GetClientRect(&rect);

    mdc=new CDC;

    bgbmp=new CBitmap;

    bitmap=new CBitmap;

    mdc->CreateCompatibleDC(&dc);

bgbmp->m_hObject=LoadImage(NULL,"res/mslinux.bmp",IMAGE_BITMAP,rect.right,rect.bottom,LR_LOADFROMFILE);   

bitmap->m_hObject=LoadImage(NULL,"res/zzz.bmp",IMAGE_BITMAP,0,0,LR_LOADFROMFILE);

             

              void CCh2_5Dlg::OnPaint()函数中贴上背景图,并将蒙版图与背景图做AND运算,再将要镂空与背景图做OR运算,这样就产生镂空效果。

 

    CClientDC dc(this);

   

       mdc->SelectObject(bgbmp);

   

    //贴上背景图

    dc.BitBlt(0,0,rect.right,rect.bottom,mdc,0,0,SRCCOPY);

   

    mdc->SelectObject(bitmap);

   

    //将蒙版与背景图做AND运算

    dc.BitBlt(180,90,97,125,mdc,104,0,SRCAND);

   

    //将要镂空的图与背景图做OR运算

    dc.BitBlt(180,90,97,125,mdc,0,0,SRCPAINT);

       在程序开始加载的时候,我们发现如果将镂空的图案与蒙版结合为一张位图,可以利用BitBlt函数来动态的选择要贴到窗口中的图案,这样便可以提升计算机运行的效率。而且一次加载所有需要的图形,可以减少硬盘数据的I/O动作,因为从内存中选择要贴到屏幕上的图形的速度,远比从硬盘中加载图形快,这一点在设计程序时可得紧记在心啊。

镂空图的制作技巧_第1张图片

 

镂空图的制作技巧_第2张图片

 

 

 

镂空图的制作技巧_第3张图片

 

 

 

 

你可能感兴趣的:(image,null,图形)