多彩的图片 （2）-- CoreImage滤镜链

如果你还不了解CoreImage滤镜的话请移步上一遍文章多彩的图片（1） -- Core Image 滤镜

我们这次的Demo使用CICrystallize和CIGaussianBlur两个滤镜来演示如何实现滤镜链。

那你可能要问了，什么是滤镜链呢？虽然苹果官方为我们提供了一百八十多种滤镜，但是要想得到一张绚丽的图片，往往单靠一个滤镜很难实现，需要至少两个以上的滤镜效果叠加才可以。在第一个滤镜效果设置好后，不进行渲染，直接创建第二个滤镜效果，直至最终达到效果后，再进行图像渲染，这就是所谓的滤镜链。我们来看如下代码：

UIImage *demoImg = [UIImage imageNamed:@"HS"];
// 1. 利用UIImage对象，创建一个CIImage
CIImage *ciImage = [[CIImage alloc] initWithImage:demoImg];
// 2. 创建第一个CIFilter（滤镜）
CIFilter *ciFilterOne = [CIFilter filterWithName:@"CICrystallize"];
[ciFilterOne setValue:ciImage forKey:kCIInputImageKey];
[ciFilterOne setDefaults];
// 对第一个滤镜设置参数
[ciFilterOne setValue:[CIVector vectorWithX:200 Y:200] forKey:kCIInputCenterKey];
[ciFilterOne setValue:@(50) forKey:kCIInputRadiusKey];
    
// 创建第二个滤镜
CIFilter *ciFilterTwo = [CIFilter filterWithName:@"CIGaussianBlur"];
// 利用第一个滤镜 ciFilterOne.outputImage 来创建第二个滤镜
[ciFilterTwo setValue:ciFilterOne.outputImage forKey:kCIInputImageKey];
[ciFilterTwo setDefaults];
[ciFilterTwo setValue:@(20) forKey:kCIInputRadiusKey];
    
// 3. 创建绘制上下文CIContext 这里默认CPU渲染
CIContext *ciContext = [[CIContext alloc] initWithOptions:nil];
// 创建CGImage句柄
CGImageRef cgImage = [ciContext createCGImage:[ciFilterTwo outputImage] fromRect:[[ciFilterTwo outputImage] extent]];
    
UIImageView *demoImgView = [[UIImageView alloc] initWithImage:[UIImage imageWithCGImage:cgImage]];
demoImgView.frame = CGRectMake(20, 90, 365, 210);
[self.view addSubview:demoImgView];
// 释放句柄
CGImageRelease(cgImage);

如代码所示，在创建了第一个滤镜ciFilterOne后，直接使用outputImage获取到添加了滤镜的CIImage对象创建第二个滤镜。

@对比效果

本案例与上一篇文章：多彩的图片（1） -- Core Image 滤镜的案例都使用的是CPU渲染，相对GPU渲染会慢一些，渲染内容过多的话会造成手机卡顿。在这种情况下，我们会选择使用GPU渲染，速度更快。下一篇文章会介绍如何使用Core Image进行GPU渲染。