CIFilter滤镜解析：CIRadialGradient滤镜

CoreImage框架提供非常强大的滤镜功能帮助我们进行图像处理。理解一个滤镜的使用方式很重要的一个方面是对滤镜提供的相关设置参数有深入了解，否则将不能充分发挥滤镜的功效。

本文主要对CIRadialGradient滤镜进行讲解。CIRadialGradient滤镜提供放射状颜色过渡图像。

此滤镜有五个参数：
inputRadius0：起始半径
inputRadius1：终止半径
inputColor0：起始颜色
inputColor1：终止颜色
kCIInputCenterKey：圆心坐标

下面通过例子来说明其滤镜参数的含义和使用方式。

<pre name="code" class="plain" style="font-size: 18px;">let grad2 = CIFilter(name: "CIRadialGradient",
withInputParameters: [
"inputRadius0" : smallerDimension/2.0 + 300,
"inputRadius1" : smallerDimension/2.0,
"inputColor0" : CIColor(red: 1, green: 0, blue: 0, alpha: 1),
"inputColor1" : CIColor(red: 0, green: 0, blue: 0, alpha: 1),
kCIInputCenterKey : center])
let gradimage2 = grad2!.outputImage!

上面代码产生如下图像：



起始圆与终止圆之间发生inputColor0到inputColor1的颜色过渡。

交换起始圆与终止圆半径值，代码如下：

<pre name="code" class="plain">let grad2 = CIFilter(name: "CIRadialGradient",
withInputParameters: [
"inputRadius0" : smallerDimension/2.0,
"inputRadius1" : smallerDimension/2.0 <span style="font-family: Arial, Helvetica, sans-serif;">+ 300</span><span style="font-family: Arial, Helvetica, sans-serif;">,</span>
"inputColor0" : CIColor(red: 1, green: 0, blue: 0, alpha: 1),
"inputColor1" : CIColor(red: 0, green: 0, blue: 0, alpha: 1),
kCIInputCenterKey : center])
let gradimage2 = grad2!.outputImage!

上面代码产生如下图像：



很多时候我们使用CIRadialGradient滤镜产生的图像作为遮罩模板来使用，对其他图像内容进行过滤。颜色不透明的地方通过图像内容，颜色透明的地方清除图像内容。这时我们修改代码如下：

let grad2 = CIFilter(name: "CIRadialGradient",
withInputParameters: [
"inputRadius0" : smallerDimension/2.0,
"inputRadius1" : smallerDimension/2.0 <span style="font-family: Arial, Helvetica, sans-serif;">+ 300</span><span style="font-family: Arial, Helvetica, sans-serif;">,</span>
"inputColor0" : CIColor(red: 1, green: 0, blue: 0, alpha: 1),
"inputColor1" : CIColor(red: 0, green: 0, blue: 0, alpha: 0),
kCIInputCenterKey : center])
let gradimage2 = grad2!.outputImage!将inputColor1颜色alpha值设置为0，颜色变为透明。产生如下图像：



使用上面图像作为遮罩模板使用时，我们将得到一个圆形的图像内容。