Bitmap的读写和几个小儿科的滤镜效果~

　　 闲来玩玩图像处理，拿破仑说过：“不想自己实现滤镜的美工不是好程序员~~#@!*^...#&!@......”  因为在学校做过很多美工的工作，而且从小就喜欢画画所以对图像相关的东西都还比较感兴趣，而且PS提供了强大的功能，那就是自己写的滤镜程序可以以适当的形式嵌入作为滤镜库里的一种效果而存在，要是能自己能写常用的滤镜效果以后用起来就方便多了。从最简单的bitmap开始，bitmap是Windows系统下的标准图像格式。由于位图不采用任何压缩方法，所以大小一般都比较大。图像的结构可以表示如下：

1.首先是位图文件头

　　两字节的位图文件类型用于指示位图，其值必须为0x4d42，即"BM"，接着是4个字节存储的位图大小，之后的4个字节保用不用，最后是记录位图数据距离位图文件头的偏移量。

      

2.位图信息头

　　内容太多就不一一介绍了。

      

　　如果是24位位图，是指一个像素的颜色由24bit来决定，24bit中R、G、B三原色各占8bit，当然也有32bit位图，就是多了一个α分量，这个分量对于调节颜色的透明度很重要。24位的位图在位图信息头后面紧接着的就是位图数据，而对于8位、16位的位图，位图信息头后还有一个颜色块，用于说明各个颜色分量的亮度。固然我们可以使用MFC或者其他一些类库提供的编程接口来完成位图解析与处理的工作，但不从头实现一遍总会觉得失去了什么，而且别人的实现方式你怎么知道？现以C语言方式实现位图的读写与几个小滤镜效果。

　　首先在bitmap.h中定义需要的数据结构：

#pragma pack(1)

typedef unsigned char BYTE;

typedef unsigned short WORD;

typedef unsigned long DWORD;

typedef long LONG;


typedef struct bitmap_filehead{
    WORD bfType;
    DWORD bfSize;
    WORD bfReserved1;
    WORD bfReserved2;
    DWORD bfOffset;
}BITMAPFILEHEADER;

typedef struct bitmap_infohead{
    DWORD biSize;
    LONG biWidth;
    LONG biHeight;
    WORD biPlanes;
    WORD biBitCount;
    DWORD biCompression;
    DWORD biSizeImage;
    LONG biXPelsPerMeter;
    LONG biYPelsPerMeter;
    DWORD biclrUsed;
    DWORD biclrImportant;
}BITMAPINFOHEADER;


typedef struct rgb_quad{
    BYTE rgb_red;
    BYTE rgb_green;
    BYTE rgb_blue;
    BYTE rgb_Reserved;
}RGBQUAD;

bitmap.h

　　在位图处理的时候需要注意一些问题，比如说每行的字节数必须是整数，所以下面用到的lineByte的计算方式应该是这样：

int lineByte = (bmpWidth*biBitCount/8+3)/4*4;  
 //每行的字节数必须为4个倍数，bmpWidth为宽度，biBitCount为每个像素所占位数

lineByte

　　

　　下面来看第一个滤镜：灰度效果。所谓灰度，无非是所有像素颜色介于黑白之间。因为纯黑色的表示是RGB(0,0,0)，而纯白色则是RGB(255,255,255)，所以要保证颜色从黑到白变化（0-255）就只能让RGB三个分量一致，所以灰度滤镜的公式为X=(R+G+B)/3，然后只需要将原图像的24位颜色数据全部赋值成X就行了。代码如下，pBmpBuf是用于存放位图数据的缓冲区。

//灰度处理
bool imageGray(unsigned char *pBmpBuf,int lineByte)
{
    if(pBmpBuf==NULL)
        return false;

    for(int i=0;i<lineByte*bmpHeight/3;i++)
    {
        pBmpBuf[3*i] = (pBmpBuf[3*i]+pBmpBuf[3*i+1]+pBmpBuf[3*i+2])/3;
        pBmpBuf[3*i+1] = pBmpBuf[3*i];
        pBmpBuf[3*i+2] = pBmpBuf[3*i];
    }
    return true;
}

灰度滤镜

　　貌似博客园不能上传bmp格式的图片，所以我把图片转成png格式的了，来看一下效果：

　　

　　

　　第二个滤镜：黑白效果。顾名思义也就是图像只能有黑白两种颜色，而这个滤镜有点特殊，那就是根据什么来判断一个像素点到底应该是黑还是白，感性的认识是原来较深的地方应该用黑色，较浅的地方应该用白色。那么深和浅又怎么区分呢？这个就要按照你需要达到的效果来定义了，也就是说这个阈值是自定义的，甚至都可以做成一个滑动条来改变。我在这里是将原像素颜色计算得到的灰度值与100进行比较，如果大于等于100则为白色，反之则为黑色，代码如下：

bool imageBlackWhite(unsigned char *pBmpBuf,int lineByte)
{
    if(pBmpBuf==NULL)
        return false;

    unsigned char temp;
    for(int i=0;i<lineByte*bmpHeight/3;i++)
    {
        temp = (pBmpBuf[3*i]+pBmpBuf[3*i+1]+pBmpBuf[3*i+2])/3;
        if(temp>=100)
        {
            pBmpBuf[3*i] = 255;
            pBmpBuf[3*i+1] = 255;
            pBmpBuf[3*i+2] = 255;
        }
        else
        {
            pBmpBuf[3*i] = 0;
            pBmpBuf[3*i+1] = 0;
            pBmpBuf[3*i+2] = 0;
        }
    }
    return true;
}

黑白滤镜

 　 效果如下：

　　　

　　

　　边缘查找其实是一个很复杂的效果，往深里做可以涉及到滤波器设计等，在这里从简，就按照最简单的想法，用像素的原始颜色数据减去柔化处理后的数据，得到的就是边缘，柔化的方法见底部。

bool imageEdge(unsigned char *pBmpBuf,int lineByte,unsigned long totalbytes)
{
        if(pBmpBuf==NULL)
        return false;

        tempbuf = (unsigned char *)malloc(totalbytes);

        memcpy(tempbuf,pBmpBuf,totalbytes);

        for(int j=1;j<=bmpHeight-2;j++)
        {
            for(int i=1;i<=bmpWidth-2;i++)
            {
                pBmpBuf[j*lineByte+3*i] =( pBmpBuf[(j-1)*lineByte+3*(i-1)]/8 + pBmpBuf[(j-1)*lineByte+3*i]/8 + pBmpBuf[(j-1)*lineByte+3*(i+1)]/8+ \
                pBmpBuf[j*lineByte+3*(i-1)]/8  + pBmpBuf[j*lineByte+3*(i+1)]/8 + pBmpBuf[(j+1)*lineByte+3*(i-1)]/8 + \
                pBmpBuf[(j+1)*lineByte+3*i]/8 + pBmpBuf[(j+1)*lineByte+3*(i+1)]/8);

                pBmpBuf[j*lineByte+3*i+1] =( pBmpBuf[(j-1)*lineByte+3*(i-1)+1]/8 + pBmpBuf[(j-1)*lineByte+3*i+1]/8 + pBmpBuf[(j-1)*lineByte+3*(i+1)+1]/8+ \
                pBmpBuf[j*lineByte+3*(i-1)+1]/8 + pBmpBuf[j*lineByte+3*(i+1)+1]/8 + pBmpBuf[(j+1)*lineByte+3*(i-1)+1]/8 + \
                pBmpBuf[(j+1)*lineByte+3*i+1]/8 + pBmpBuf[(j+1)*lineByte+3*(i+1)+1]/8);

                pBmpBuf[j*lineByte+3*i+2] =( pBmpBuf[(j-1)*lineByte+3*(i-1)+2]/8 + pBmpBuf[(j-1)*lineByte+3*i+2]/8 + pBmpBuf[(j-1)*lineByte+3*(i+1)+2]/8+ \
                pBmpBuf[j*lineByte+3*(i-1)+2]/8 + pBmpBuf[j*lineByte+3*(i+1)+2]/8 + pBmpBuf[(j+1)*lineByte+3*(i-1)+2]/8 + \
                pBmpBuf[(j+1)*lineByte+3*i+2]/8 + pBmpBuf[(j+1)*lineByte+3*(i+1)+2]/8);
            }
        }

      for(int k=0;k<lineByte*bmpHeight/3;k++)
      {
         pBmpBuf[3*k] = tempbuf[3*k] - pBmpBuf[3*k];
         pBmpBuf[3*k+1] = tempbuf[3*k+1] - pBmpBuf[3*k+1];
         pBmpBuf[3*k+2] = tempbuf[3*k+2] - pBmpBuf[3*k+2];
      }
      return true;
}

边缘查找

　　效果如下，由于只是很简单的边缘查找算法，所以效果不是太好，但人物轮廓还是很明显的：

　　

 　　

　　反相效果就是底片效果，没什么好说的，对于像素的各个颜色分量对255求补，即R = 255-R，G = 255-G，B = 255-B。

bool imageReverse(unsigned char *pBmpBuf,int lineByte)
{
    if(pBmpBuf==NULL)
        return false;

    for(int i=0;i<lineByte*bmpHeight/3;i++)
    {
        pBmpBuf[3*i] = 255-pBmpBuf[3*i];
        pBmpBuf[3*i+1] = 255-pBmpBuf[3*i+1];
        pBmpBuf[3*i+2] = 255-pBmpBuf[3*i+2];
    }
    return true;
}

反相

 　　效果如下：

　　

　　

　　柔化效果，这里采用取自身和周围8个像素点的颜色平均值来取代原像素的值，这样能够比较粗略的消除一些噪点，使得图像能够更加平滑，对于噪点比较多的图像效果就是图像更柔和了，而对于已经比较清晰的图像，相应给人的感觉就是清晰度变低了。

bool imageSoft(unsigned char *pBmpBuf,int lineByte)
{
    if(pBmpBuf==NULL)
        return false;

    //不用正确的数据结构存储，数据处理起来就是这么费劲
    for(int j=1;j<=bmpHeight-2;j++)
    {
        for(int i=1;i<=bmpWidth-2;i++)
        {
           pBmpBuf[j*lineByte+3*i] =( pBmpBuf[(j-1)*lineByte+3*(i-1)]/9 + pBmpBuf[(j-1)*lineByte+3*i]/9 + pBmpBuf[(j-1)*lineByte+3*(i+1)]/9+ \
           pBmpBuf[j*lineByte+3*(i-1)]/9 + pBmpBuf[j*lineByte+3*i]/9 + pBmpBuf[j*lineByte+3*(i+1)]/9 + pBmpBuf[(j+1)*lineByte+3*(i-1)]/9 + \
           pBmpBuf[(j+1)*lineByte+3*i]/9 + pBmpBuf[(j+1)*lineByte+3*(i+1)]/9);

           pBmpBuf[j*lineByte+3*i+1] =( pBmpBuf[(j-1)*lineByte+3*(i-1)+1]/9 + pBmpBuf[(j-1)*lineByte+3*i+1]/9 + pBmpBuf[(j-1)*lineByte+3*(i+1)+1]/9+ \
           pBmpBuf[j*lineByte+3*(i-1)+1]/9 + pBmpBuf[j*lineByte+3*i+1]/9 + pBmpBuf[j*lineByte+3*(i+1)+1]/9 + pBmpBuf[(j+1)*lineByte+3*(i-1)+1]/9 + \
           pBmpBuf[(j+1)*lineByte+3*i+1]/9 + pBmpBuf[(j+1)*lineByte+3*(i+1)+1]/9);

           pBmpBuf[j*lineByte+3*i+2] =( pBmpBuf[(j-1)*lineByte+3*(i-1)+2]/9 + pBmpBuf[(j-1)*lineByte+3*i+2]/9 + pBmpBuf[(j-1)*lineByte+3*(i+1)+2]/9+ \
           pBmpBuf[j*lineByte+3*(i-1)+2]/9 + pBmpBuf[j*lineByte+3*i+2]/9 + pBmpBuf[j*lineByte+3*(i+1)+2]/9 + pBmpBuf[(j+1)*lineByte+3*(i-1)+2]/9 + \
           pBmpBuf[(j+1)*lineByte+3*i+2]/9 + pBmpBuf[(j+1)*lineByte+3*(i+1)+2]/9);
        }
    }
    return true;
}

柔化

　　效果如下，注意左边是原图、右边是结果，仔细看还是能看出有差别的，右边模糊一些：

　　

　　完整实例程序猛击这里。

　　(注：程序仅处理24位的位图，所以没有颜色块，需要指明需要处理图片的完整路径，或者将所需处理图片放在工程中。结果另存为了copy-yourbitmap.bmp)