UIView转换为UIImage时出现透明对角线问题怎么解决？

出现透明对角线通常由以下几种场景触发：

• 视图转图时drawHierarchy未等待视图渲染完成，图层混合计算异常
• 图片上下文的不透明参数和视图实际透明度不匹配，alpha通道计算出错
• 多个重叠UIImageView的半透明图层混合时出现浮点精度误差
• 导出时使用JPG等不支持透明通道的格式，透明区域转换出错

方案1：修正截图方法参数 #

修改toImage方法的参数，确保渲染完成再截图，同时匹配不透明属性：

extension UIView {
    /**
     Convert UIView to UIImage
     */
    func toImage() -> UIImage {
        // 如果视图无透明背景，第二个参数直接传true，避免alpha通道异常
        // 若需要保留透明，可先给上下文填充底色再绘制
        UIGraphicsBeginImageContextWithOptions(self.bounds.size, !(self.backgroundColor?.isClear ?? false), 0.0)
        // 改成true等待视图所有渲染更新完成再截图
        self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
        let snapshotImageFromMyView = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return snapshotImageFromMyView!
    }
}

方案2：改用Layer渲染方式 #

如果drawHierarchy仍然有问题，改用CALayer的render方法，重叠ImageView场景下稳定性更高：

extension UIView {
    func toImage() -> UIImage {
        let renderer = UIGraphicsImageRenderer(size: self.bounds.size)
        return renderer.image { context in
            self.layer.render(in: context.cgContext)
        }
    }
}

方案3：优化导出逻辑 #

• 如果不需要保留透明效果，截图前先给上下文填充一层和视图背景一致的纯色，避免透明通道存在
• 导出图片时优先选择PNG格式，JPG格式会自动丢弃透明通道，容易出现异常渲染痕迹
• 检查两个UIImageView是否设置了阴影、蒙版、圆角属性，如有可在截图前临时关闭，截图完成后再恢复

• 保存前：
• 保存后（出现异常）：

内容的提问来源于stack exchange，提问作者Sohail Ahmad Khan