在SwiftUI中如何将Shape/Path转换为位图实现图形对比

适用iOS16+/macOS13+的原生方案 #

可以直接用SwiftUI自带的ImageRenderer实现，代码最简洁：

import SwiftUI

extension View {
    /// 导出当前View为位图
    /// - Parameter size: 导出的画布尺寸
    /// - Returns: 渲染完成的UIImage
    func toBitmap(size: CGSize) -> UIImage? {
        let renderer = ImageRenderer(
            content: self.frame(width: size.width, height: size.height)
        )
        // 保持和屏幕缩放比一致，避免模糊
        renderer.scale = UIScreen.main.scale
        return renderer.uiImage
    }
}

// 使用示例
let canvasSize = CGSize(width: 300, height: 300)
// 预设Shape转位图
let presetShape = RoundedRectangle(cornerRadius: 10)
    .fill(.black)
    .toBitmap(size: canvasSize)
// 用户绘制的Path转位图
let userDrawnPath = Path { path in
    // 替换为用户实际绘制的路径逻辑
    path.addLines([.zero, CGPoint(x: 100, y: 100)])
}
.stroke(.black, lineWidth: 2)
.toBitmap(size: canvasSize)

兼容低版本的实现方案 #

如果需要支持iOS15及以下系统，可以通过UIKit的渲染接口实现：

func renderViewToBitmap<T: View>(_ view: T, size: CGSize) -> UIImage? {
    let hosting = UIHostingController(rootView: view)
    hosting.view.bounds = CGRect(origin: .zero, size: size)
    hosting.view.backgroundColor = .clear
    
    let renderer = UIGraphicsImageRenderer(size: size)
    return renderer.image { context in
        hosting.view.layer.render(in: context.cgContext)
    }
}

注意事项 #

• 渲染用户路径和预设Shape时，必须保证两者的画布尺寸、描边宽度、填充样式、缩放比例完全一致，否则会严重影响后续相似度对比的准确性
• 做字符绘制类的相似度校验时，建议统一用纯黑色绘制在白色/透明背景上，过滤无关像素的干扰
• 拿到两张位图之后即可提取灰度像素矩阵，通过像素重合度、汉明距离或者轮廓特征匹配算法计算相似度即可满足需求

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