如何渲染带有compositingFilter混合模式的UIView为UIImage

因为layer.render(in:)确实不支持compositingFilter这类依赖GPU合成的图层属性，要正确渲染带混合模式的视图，推荐用drawHierarchy(in:afterScreenUpdates:)方法，它会完整模拟屏幕的渲染流程，能保留所有图层合成效果。

方案一：直接使用drawHierarchy替换layer.render #

把你原来的代码替换成以下实现：

let format = UIGraphicsImageRendererFormat.default()
format.scale = UIScreen.main.scale // 用屏幕scale保证渲染出的图片清晰度
let image = UIGraphicsImageRenderer(size: self.bounds.size, format: format).image { context in
    self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
}

• afterScreenUpdates: true会确保视图的最新布局和属性变更都被捕获，如果视图已经完成布局，也可以设为false提升性能。
• 保留屏幕scale可以避免渲染出模糊的图片，如果你需要特定scale的图片，也可以自行调整。

方案二：处理不在屏幕上的视图 #

如果你的视图还没添加到视图层级（比如动态创建还没显示），需要先把它放到临时容器里完成布局，再进行渲染：

// 创建临时窗口作为容器
let tempWindow = UIWindow(frame: self.bounds)
tempWindow.rootViewController = UIViewController()
tempWindow.rootViewController?.view.addSubview(self)
// 强制完成布局
self.layoutIfNeeded()

// 执行渲染
let format = UIGraphicsImageRendererFormat.default()
format.scale = UIScreen.main.scale
let image = UIGraphicsImageRenderer(size: self.bounds.size, format: format).image { context in
    self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
}

// 清理临时视图
self.removeFromSuperview()

补充说明 #

另外，也可以先用snapshotView(afterScreenUpdates:)获取视图的快照视图，再把这个快照视图渲染成图片，效果和drawHierarchy一致，但多了一步视图转换，一般优先用前者。

内容的提问来源于stack exchange，提问作者Sidney Liu