最近项目里新增了图片编辑模块，其中一个功能点就是手指涂抹图片，实现图片的局部模糊，网上搜到了关于很多模糊图片的资料，但是关于根据手指路径来模糊图片的基本上没有（马赛克类型的模糊还是存在的），经过一段时间研究之后，实现了功能，本着共享的原则，在这里和大家分享一下，有问题的地方，希望大家指出，谢谢

一、思路

1、实时截取图片部分区域，然后用高斯模糊的方法，再把图片描绘到想要模糊的图层上

2、贝塞尔曲线+CALayer（CAShapeLayer），追加路径的方式，模糊图片

第一种方式，是我一开始着手这个模块的思路，也实现了这个功能，不过很快也就放弃了，经验丰富的只要思考一下，就能想得到，很难做到实时，另外，这种方式，无法做到是非流畅，可以说越是到后期越卡，目前没有想到很好的解决方法，如果哪位大佬有好的方法，请告之

第二种方式，感觉是处理这种功能点最好的方式了，流畅程度非常的完美，这里也是使用Accelerate中的vImage进行高斯模糊

二、遇到的问题

遇到的第一个难点就是上述两种实现方式的选择问题，方向错误给我带了不少麻烦；然后就是自测的时候，你会发现模糊路径的颜色值会发生改变，网上提供了很多的模糊方法，但是都存在不同程度的颜色值改变，后面会给大家提供方法；再者就是撤回操作，撤回操作我的思路是存数组，本人感觉比较简单方便，但是仅仅利用数组里存的image复制给imageView的话，无法实现撤回功能，究其原因在于layer层的问题，有兴趣的可以了解一下

下面分享一下代码：

使用Accelerate中的vImage进行高斯模糊

- (UIImage *)blurryImage:(UIImage *)image withBlurLevel:(CGFloat)blur {NSData *imageData = UIImageJPEGRepresentation(image, 1); // convert to jpegUIImage* destImage = [UIImage imageWithData:imageData];int boxSize = (int)(blur * 100);if (blur > 0.5) {boxSize = (int)(blur * 100) + 50;}else if (blur <= 0.5) {boxSize = (int)(blur * 100);}boxSize = boxSize - (boxSize % 2) + 1;CGImageRef img = destImage.CGImage;vImage_Buffer inBuffer, outBuffer;vImage_Error error;void *pixelBuffer;//create vImage_Buffer with data from CGImageRefCGDataProviderRef inProvider = CGImageGetDataProvider(img);CFDataRef inBitmapData = CGDataProviderCopyData(inProvider);inBuffer.width = CGImageGetWidth(img);inBuffer.height = CGImageGetHeight(img);inBuffer.rowBytes = CGImageGetBytesPerRow(img);inBuffer.data = (void*)CFDataGetBytePtr(inBitmapData);//create vImage_Buffer for outputpixelBuffer = malloc(CGImageGetBytesPerRow(img) * CGImageGetHeight(img));if(pixelBuffer == NULL)NSLog(@"No pixelbuffer");outBuffer.data = pixelBuffer;outBuffer.width = CGImageGetWidth(img);outBuffer.height = CGImageGetHeight(img);outBuffer.rowBytes = CGImageGetBytesPerRow(img);// Create a third buffer for intermediate processingvoid *pixelBuffer2 = malloc(CGImageGetBytesPerRow(img) * CGImageGetHeight(img));vImage_Buffer outBuffer2;outBuffer2.data = pixelBuffer2;outBuffer2.width = CGImageGetWidth(img);outBuffer2.height = CGImageGetHeight(img);outBuffer2.rowBytes = CGImageGetBytesPerRow(img);//perform convolutionerror = vImageBoxConvolve_ARGB8888(&inBuffer, &outBuffer2, NULL, 0, 0, boxSize, boxSize, NULL, kvImageEdgeExtend);if (error) {NSLog(@"error from convolution %ld", error);}error = vImageBoxConvolve_ARGB8888(&outBuffer2, &inBuffer, NULL, 0, 0, boxSize, boxSize, NULL, kvImageEdgeExtend);if (error) {NSLog(@"error from convolution %ld", error);}error = vImageBoxConvolve_ARGB8888(&inBuffer, &outBuffer, NULL, 0, 0, boxSize, boxSize, NULL, kvImageEdgeExtend);if (error) {NSLog(@"error from convolution %ld", error);}CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();CGContextRef ctx = CGBitmapContextCreate(outBuffer.data,outBuffer.width,outBuffer.height,8,outBuffer.rowBytes,colorSpace,(CGBitmapInfo)kCGImageAlphaNoneSkipLast);CGImageRef imageRef = CGBitmapContextCreateImage (ctx);UIImage *returnImage = [UIImage imageWithCGImage:imageRef];//clean upCGContextRelease(ctx);CGColorSpaceRelease(colorSpace);free(pixelBuffer);free(pixelBuffer2);CFRelease(inBitmapData);CGImageRelease(imageRef);return returnImage;
}
复制代码

添加CAShapeLayer

- (void)addCAShapeLayer {CALayer *imageLayer = [CALayer layer];imageLayer.frame = self.imageView.bounds;[self.imageView.layer addSublayer:imageLayer];_shapeLayer = [CAShapeLayer layer];_shapeLayer.frame = self.imageView.bounds;_shapeLayer.lineCap = kCALineCapRound;_shapeLayer.lineJoin = kCALineJoinRound;_fuzzyWith = (34 * _fuzzySizeValue) + 8;_shapeLayer.lineWidth = _fuzzyWith;_shapeLayer.fillColor = [UIColor clearColor].CGColor;_shapeLayer.strokeColor = [UIColor whiteColor].CGColor;[self.imageView.layer addSublayer:_shapeLayer];imageLayer.mask = _shapeLayer;self.path = CGPathCreateMutable();UIImage *img1 = [self blurryImage:self.imageView.image withBlurLevel:_fuzzyDegreeValue];self.imageView.clipsToBounds = YES;imageLayer.contents = (id)img1.CGImage;
}复制代码

由于项目需求，demo里提供了改变画笔（轨迹路径的大小）大小，以及模糊程度的slider，为了方便大家，封装的demo有接口，直接传值即可；总结一下，高斯模糊有很多种，Accelerate 的模糊是最靠谱的，速度和效果都非常完美，只是会占用更高的cpu。

demo地址：github.com/SXDgit/ZBFu…