在 swift 中抚摸 CGPath

Question

我正在尝试使用以下代码在 macOS 应用程序中向 `CGPath` 添加笔画。 问题是无法正确填充描边路径。 使用当前方法，我将原始路径添加到描边路径的顶部。 这会导致重叠部分保持未填充状态。

func getPreviewPath(path:CGPath, strokeWidth: CGFloat) ->CGPath{
    let window = NSWindow()
    let context = NSGraphicsContext(window: window).cgContext
            
    context.setLineCap(CGLineCap(rawValue: 0)!)
    context.setLineWidth(strokeWidth)
    context.setLineJoin(.bevel)
    context.addPath(path)
    context.replacePathWithStrokedPath()
    context.addPath(path)
    
    return context.path!
}

我读到这是由奇偶填充规则引起的。 但似乎没有办法改变这一点。

Answer 1

这是一个使用stroke()方法的最小示例：

struct ContentView: View {
    var body: some View {
        Path { path in
            path.move(to: CGPoint(x: 20, y: 20))
            path.addLine(to: CGPoint(x: 50, y: 100))
            path.addLine(to: CGPoint(x: 80, y: 20))
            path.addLine(to: CGPoint(x: 120, y: 20))
        }
        .stroke(style: StrokeStyle(lineWidth: 12.0, lineCap: .round, lineJoin: .bevel))
        .padding()
    }
}

这是结果：

更新

她是一个稍微复杂的例子。 它首先创建一个包含描边路径的路径。 然后填充此路径。 结果是一样的。

struct ContentView: View {
    var body: some View {
        Path(createPath())
            .fill(.black)
        .padding()
    }
    
    func createPath() -> CGPath {
        let path = CGMutablePath()
        path.move(to: CGPoint(x: 20, y: 20))
        path.addLine(to: CGPoint(x: 50, y: 100))
        path.addLine(to: CGPoint(x: 80, y: 20))
        path.addLine(to: CGPoint(x: 120, y: 20))
        return path.copy(strokingWithWidth: 12.0, lineCap: .round, lineJoin: .bevel, miterLimit: 10)
    }
}