iOS开发图片美白处理，图像处理，，磨皮，马赛克基于UIKit下自写算法

一：前言

 1.0  :  站在巨人的肩膀上编程，学习别人的思想，学习别人的代码风格，整理好了，就是自己的。

 1.1 ：最近听了直播课程，了解了图片处理功能，然后自己突发奇想做磨皮效果。

 1.2 ：无demo说话不硬气，上github地址：https://github.com/horisea/PictureWhitening    

           欢迎star，你的星星是我持续创作的动力

二：先上效果图

原图美白图

超级美白图磨皮or马赛克

灰色图片

马丹：给我唐神弄一脸蒙蔽，话说我好不开心的。。

三：下面说具体实现思路：

3.1 ： 大概实现思路（美白原理）： 图像的显示，是一个个像素点的集合，每个像素点有自己的颜色空间，即是RGBA的单独分量，我们可以通过CGImage获取像素点集合，然后循环遍历每一个像素点集合，改变RGBA的值（每个值的范围是0-255，而且数值越大，越白），那我们把每个像素点的值增加30，是不是就整体变白了。。蒙蔽吧，上核心代码了，重要部分的注释代码，需要你自己理解和查阅资料了 。。

3.2 先上美白部分的核心代码

/**
 *  美白图片
 *  @param imageName        图片名称
 *  @param whiteness        美白系数  10-150之间  越大越白
 */
+ (UIImage *)whiteImageWithName:(NSString *)imageName
                      Whiteness:(int)whiteness;

/// 美白
+ (UIImage *)whiteImageWithName:(NSString *)imageName  Whiteness:(int)whiteness {

    if (!whiteness || whiteness < 10 ||  whiteness > 150) {
        return [UIImage imageNamed:imageName];
    }
    
    // 1.拿到图片，获取宽高
    CGImageRef imageRef = [UIImage imageNamed:imageName].CGImage;
    NSInteger width = CGImageGetWidth(imageRef);
    NSInteger height = CGImageGetHeight(imageRef);
    
    // 2:创建颜色空间（灰色空间， 彩色空间）->  开辟一块内存空间
    CGColorSpaceRef colorSpaceRef = CGColorSpaceCreateDeviceRGB();

    
    // 3:创建图片上下文
    // 为什么是UInt32类型，即是无符号32为int型 取值范围就是0-255之间
    // inputPixels是像素点集合的首地址
    UInt32 * inputPixels = (UInt32*)calloc(width * height, sizeof(UInt32));

    CGContextRef contextRef = CGBitmapContextCreate(inputPixels,
                                                    width,
                                                    height,
                                                    8, // 固定写法  8位
                                                    width * 4, // 每一行的字节  宽度 乘以32位 = 4字节
                                                    colorSpaceRef,
                                                    kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Big); // 自己查咯
    
    // 4:根据图片上线纹绘制图片
    CGContextDrawImage(contextRef, CGRectMake(0, 0, width, height), imageRef);
    
    // 5：循环遍历每个像素点进行修改
    for (int i = 0; i < height; i ++) {
        for (int j = 0; j <  width; j ++) {
            UInt32 * currentPixels = inputPixels + (i * width) + j; // 改变指针的指向  每一个像素点都能遍历到了
            UInt32 color = *currentPixels;
            
            UInt32 colorA,colorR,colorG,colorB;
            
            colorR = R(color);   // 此处宏定义  计算RGBA的值  是通过位运算算的  自己百度咯
            colorR = colorR + whiteness;
            colorR = colorR > 255 ? 255 : colorR;
            
            colorG = G(color);
            colorG = colorG + whiteness;
            colorG = colorG > 255 ? 255 : colorG;
            
            colorB = B(color);
            colorB = colorB + whiteness;
            colorB = colorB > 255 ? 255 : colorB;
            
            colorA = A(color);
            *currentPixels = RGBAMake(colorR, colorG, colorB, colorA);
        }
    }
    
    
    // 6：创建Image对象
    CGImageRef newImageRef = CGBitmapContextCreateImage(contextRef);
    UIImage * newImage = [UIImage imageWithCGImage:newImageRef];
    
    // 7：释放内存
    CGColorSpaceRelease(colorSpaceRef);
    CGContextRelease(contextRef);
    CGImageRelease(newImageRef);
    free(inputPixels);
    
    return newImage;
}

最后返回一个美白后的图片，在imageView上显示就可以了。。

3.3   在此代码的基础上，笔者就试了一下脸部磨皮美白效果的实现。。。

  1.想了想实现思路： 控制器里点击imageView，获取点击事件的坐标，传递坐标值，修改图片对应位置的像素点的值，进行美白，就实现了，，那  么开始干。

  2。但是会有问题：下面说处理的时候的注意点

     2.1:  每个像素点是很小的，那么美白效果肯定不明显。所以处理单独的像素点，连带周围的像素点也一起处理了，那么就会是一个               面   变白，而不是一个点变白。

     2.2 ：获取的点击事件只是imageView上的点，而不是对应的像素点。。因为图片可能很大，而是按照imageView的宽高显示的，                  那么我们需要拿到宽高比，乘以imageView上的点，就是像素点了。。

               还是很蒙蔽吗？举个例子： 图片宽200 高400  ，  imageView宽100，高200 ，那么这个图片就是等比压缩显示的。

                                         现在我们点击了imageView上的（50，100）的点，

                                         那么对应的像素点就是（50 * （200 ／ 100）， 100 * （400 ／ 200））；是这个道理吧；

 3.那么我们上磨皮（做成了和马赛克效果差不多）代码

/**
 *  磨皮美白图片
 *  @param image        图片
 *  @param touch        touch view上的点击点
 *  @param view         view 点击所在的View
 */
+ (UIImage *)dermabrasionImage:(UIImage *)image  touch:(UITouch *)touch view:(UIView *)view;

+ (UIImage *)dermabrasionImage:(UIImage *)image  touch:(UITouch *)touch view:(UIView *)view {
    int whiteness = 20; // 越大美白月明显
    // 1.拿到图片，获取宽高
    CGImageRef imageRef = image.CGImage;
    NSInteger width = CGImageGetWidth(imageRef);
    NSInteger height = CGImageGetHeight(imageRef);
    
    // 2:创建颜色空间（灰色空间， 彩色空间）->  开辟一块内存空间
    CGColorSpaceRef colorSpaceRef = CGColorSpaceCreateDeviceRGB();
    
    
    // 3:创建图片上下文
    UInt32 * inputPixels = (UInt32*)calloc(width * height, sizeof(UInt32));
    
    CGContextRef contextRef = CGBitmapContextCreate(inputPixels,
                                                    width,
                                                    height,
                                                    8,
                                                    width * 4,
                                                    colorSpaceRef,
                                                    kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Big);
    
    // 4:根据图片上线纹绘制图片
    CGContextDrawImage(contextRef, CGRectMake(0, 0, width, height), imageRef);
    
    
    // 5.0 获取点击的坐标
    CGPoint currentPoint = [touch locationInView:touch.view];
    
    // 图片大小  和imageView的大小不一致   且能获取到的坐标为imageView的坐标  而不是像素点
    // 此处拿到缩放比例
    CGFloat widthScale = width / view.frame.size.width;
    CGFloat heightScale = height / view.frame.size.height;

    int x = ceilf(currentPoint.x * widthScale);  // imageView的x 乘以缩放比例   就成了像素点
    int y = ceilf(currentPoint.y * heightScale);
    
    
    // 5.1：修改当前像素点
    int magin = 15;
    for (int i = y - magin; i < y + magin; i ++) {  // 操作像素点附近区域的像素点
        for (int j = x - magin; j < x + magin ; j ++) {
            if (i != j) { // 这里想着  4个拐角不处理  就不会那么方
                UInt32 * currentPixels = inputPixels + (i * width) + j;
                UInt32 color = *currentPixels;
                
                UInt32 colorA,colorR,colorG,colorB;
                
                colorR = R(color);
                colorR = colorR + whiteness;
                colorR = colorR > 255 ? 255 : colorR;
                
                colorG = G(color);
                colorG = colorG + whiteness;
                colorG = colorG > 255 ? 255 : colorG;
                
                colorB = B(color);
                colorB = colorB + whiteness;
                colorB = colorB > 255 ? 255 : colorB;
                
                colorA = A(color);
                *currentPixels = RGBAMake(colorR, colorG, colorB, colorA);
            }
        }
    }
    // 6：创建Image对象
    CGImageRef newImageRef = CGBitmapContextCreateImage(contextRef);
    UIImage * newImage = [UIImage imageWithCGImage:newImageRef];
    
    // 7：释放内存
    CGColorSpaceRelease(colorSpaceRef);
    CGContextRelease(contextRef);
    CGImageRelease(newImageRef);
    free(inputPixels);
    
    return newImage;
}

3.3 最后上下灰色图片的核心代码

/**
 *  return 灰色图片
 *  @param imageName        图片名称
 */
+ (UIImage *)imageToGrary:(NSString *)imageName;

+ (UIImage *)imageToGrary:(NSString *)imageName {
    // 1.拿到图片，获取宽高
    CGImageRef imageRef = [UIImage imageNamed:imageName].CGImage;
    NSInteger width = CGImageGetWidth(imageRef);
    NSInteger height = CGImageGetHeight(imageRef);
    
    // 2:创建颜色空间（灰色空间
    CGColorSpaceRef colorSpaceRef = CGColorSpaceCreateDeviceGray();
    
    CGContextRef contextRef = CGBitmapContextCreate(nil,
                                                    width,
                                                    height,
                                                    8, // 固定写法  8位
                                                    width * 4, // 每一行的字节  宽度 乘以32位 = 4字节
                                                    colorSpaceRef,
                                                    kCGImageAlphaNone); // 无透明度
    if (!contextRef) {
        return [UIImage imageNamed:imageName];
    }
 
    CGContextDrawImage(contextRef, CGRectMake(0, 0, width, height), imageRef);
    
    CGImageRef grayImageRef = CGBitmapContextCreateImage(contextRef);
    UIImage * graryImage = [UIImage imageWithCGImage:grayImageRef];
    //释放内存
    CGColorSpaceRelease(colorSpaceRef);
    CGContextRelease(contextRef);
    CGImageRelease(grayImageRef);
    return graryImage;
}

最后：后续可能还会写很多类似图片处理的demo，比如QQ中的灰色头像的实现等等。。

         再说下github地址：https://github.com/horisea/PictureWhitening

       若有什么问题，也可以联系楼主，http://blog.csdn.net/horisea/article/details/52025886 ，里面有楼主联系方式

如果你喜欢这篇文章，或者有任何疑问，可以扫描第一个二维码，加楼主好友哦

也可以扫第二个二维码，关注楼主个人微信公众号。这里有很多生活，职业，技术相关的文章哦。欢迎您的到来。

微信号：                                             公众号