在iOS图像处理开发中，Core Image框架提供了一套基于GPU加速的滤镜体系，能够高效完成各类非线性图像扭曲。所谓非线性扭曲，是指图像中每个像素的偏移量不随坐标线性变化，而是依据某种数学场分布产生位移，例如波浪、旋转涡旋或中心挤压。Core Image通过内建的CIFilter子类与可定制的CIKernel来实现这类效果，避免了在CPU端遍历像素带来的性能瓶颈。理解其坐标映射原理，是构建稳定变形动画的基础。
Core Image的扭曲类滤镜本质上都依赖一个隐式的位移场（displacement field）。以系统提供的CIPinchDistortion为例，它接收输入图像、中心点、半径与强度参数，在半径范围内按照距离中心的归一化距离计算缩放比例，越靠近中心挤压越强。这类滤镜在底层由Metal或OpenGL着色器实现，每个输出像素根据逆映射关系从源图采样。由于采样过程在GPU并行执行，即使对2048像素以上的图片做实时变形，也能维持较低功耗。
需要注意的是，Core Image的滤镜链是延迟求值的。当我们把多个扭曲滤镜串联，比如先波浪后旋转，并不会立即生成中间位图，而是构造一个CIImage的求值图，直到交给CIContext渲染时才一次性编译执行。这一机制既节省内存，也让我们在动画中只需修改滤镜的inputAngle或inputTime等属性，而不必重建整个处理管道。但如果参数变化过于剧烈，可能在位移不连续区域出现采样锯齿，此时应配合CIAffineClamp或边缘延展滤镜缓解。
系统内置扭曲滤镜的使用与参数解析
iOS SDK直接提供了几种典型的非线性扭曲滤镜：CITwirlDistortion实现旋转扭曲，CIPinchDistortion实现挤压扭曲，而波浪效果虽无完全对应的单滤镜，但可通过CIDisplacementDistortion配合生成的波浪位移图来达成。下面以旋转扭曲为例，演示如何构造并应用滤镜。该滤镜以inputCenter定义涡旋中心，inputRadius控制影响范围，inputAngle决定旋转弧度。
import CoreImage
import UIKit
func applyTwirl(to image: UIImage, center: CGPoint, radius: CGFloat, angle: Float) -> UIImage? {
guard let ciImage = CIImage(image: image) else { return nil }
let filter = CIFilter(name: "CITwirlDistortion")
filter?.setValue(ciImage, forKey: kCIInputImageKey)
// Core Image坐标系原点在左下，需转换UIKit坐标
let ciCenter = CIVector(x: center.x, y: image.size.height - center.y)
filter?.setValue(ciCenter, forKey: kCIInputCenterKey)
filter?.setValue(radius, forKey: kCIInputRadiusKey)
filter?.setValue(angle, forKey: kCIInputAngleKey)
guard let output = filter?.outputImage else { return nil }
let context = CIContext(options: [.useSoftwareRenderer: false])
if let cgImage = context.createCGImage(output, from: output.extent) {
return UIImage(cgImage: cgImage)
}
return nil
}
上述代码在调用时需注意坐标系差异：UIKit的原点在左上，而Core Image默认左下，若不转换中心坐标，扭曲位置会上下颠倒。另外inputRadius使用像素单位，若传入过小的值，扭曲几乎不可见；过大则可能超出图像范围导致边缘被钳制为透明。实践中建议将半径设为图像短边的百分之三十到五十，再结合角度参数观察效果。
挤压扭曲CIPinchDistortion的参数结构类似，但增加inputScale控制挤压方向：正值为向内收缩，负值为向外膨胀。在人脸趣味贴纸场景中，常用负值制造“膨胀脸”效果。由于这些滤镜都是可逆数学映射，反复调整参数不会累积误差，非常适合做交互式预览。但如果将多个扭曲滤镜叠加，且各自半径交叉，可能产生非预期的合成位移，此时应优先在一个自定义核中合并数学公式。
基于CIDisplacementDistortion的波浪扭曲实现
波浪扭曲要求图像像素沿正弦曲线上下或左右偏移，系统并未提供名为“波浪”的滤镜，但CIDisplacementDistortion允许我们传入一张位移图，用其红绿通道分别作为X与Y方向的偏移量。我们可以先用CINoise或程序化生成一张包含正弦分布的灰度图，再作为位移源。更简单的方式是写一段CIKernel直接计算波浪，避免额外图片资源。
let waveKernel = CIKernel(source: """
kernel vec4 waveWarp(sampler image, vec2 size, float time) {
vec2 uv = destCoord() / size;
float offsetX = sin(uv.y * 10.0 + time) * 0.05;
float offsetY = cos(uv.x * 8.0 + time) * 0.05;
vec2 newCoord = destCoord() + vec2(offsetX, offsetY) * size;
return sample(image, newCoord / size);
}
""")
func applyWave(image: CIImage, time: Float) -> CIImage? {
guard let kernel = waveKernel else { return nil }
let args = [image, CIVector(x: image.extent.width, y: image.extent.height), time] as [Any]
return kernel.apply(extent: image.extent, arguments: args)
}
在上面的CIKernel代码中，destCoord获取当前输出像素坐标，除以尺寸得到归一化uv。通过正弦函数生成随时间和位置变化的偏移，再换算回像素坐标进行采样。这种写法把波浪频率、振幅直接写在着色器里，修改time即可让波浪流动。相比使用位移图，内核方式更灵活，也不会因位移图分辨率不足产生块状伪影。
不过自定义内核要求开发者熟悉GLSL风格的CI Kernel语言，并且注意sample函数在越界时的默认行为是边缘重复，若图像四周有重要内容可能被拉扯。可以在内核开头用clamp限制坐标，或者在外层用CICrop裁掉变形溢出的区域。当波浪振幅过大时，相邻像素映射可能交叉，导致图像拓扑翻转，因此振幅系数一般控制在零点一以内较为安全。
将扭曲效果接入动画与性能优化策略
实现单帧扭曲只是第一步，真正的难点在于让变形随时间平滑变化。iOS上推荐用CADisplayLink驱动每帧更新滤镜参数并重新渲染。由于Core Image的延迟求值特性，每帧只需修改inputAngle或自定义内核的time参数，然后通知CIContext输出到MTKView或UIImageView的图层。下面展示一个显示链接的基本循环结构。
class WarpAnimator {
var displayLink: CADisplayLink?
var startTime: CFTimeInterval = 0
let context = CIContext()
var baseImage: CIImage
weak var targetView: UIImageView?
init(image: UIImage, view: UIImageView) {
baseImage = CIImage(image: image)!
targetView = view
}
func start() {
startTime = CACurrentMediaTime()
displayLink = CADisplayLink(target: self, selector: #selector(tick))
displayLink?.add(to: .main, forMode: .common)
}
@objc func tick(link: CADisplayLink) {
let t = Float(CACurrentMediaTime() - startTime)
// 假设使用前面定义的波浪内核
if let out = applyWave(image: baseImage, time: t) {
if let cg = context.createCGImage(out, from: out.extent) {
targetView?.image = UIImage(cgImage: cg)
}
}
}
}
在这个动画循环中，每一帧都重新生成CGImage并赋值给UIImageView。如果在低端设备上发现帧率不足，应当检查是否频繁创建CIContext——上下文的初始化成本很高，必须复用。此外，渲染尺寸若与屏幕物理像素不匹配，会引入额外缩放开销，建议将CIContext的workingColorSpace设为与源图一致，避免色彩转换拖慢管线。
另一个常见优化点是利用CIImage的clampedToExtent方法预处理图像，这样在扭曲采样越界时直接返回边缘像素，省去着色器内的边界判断。当同时做旋转与挤压的组合动画，可考虑将两种数学变换合并进同一个CIKernel，减少一次全屏采样。经过上述调整，在A12及以上芯片的设备上，即使对四百万像素照片做实时波浪加旋转，也能稳定接近六十帧，满足大多数交互变形需求。
Core ImageiOS图像扭曲CIFilter变形修改时间：2026-08-22 00:51:05