两个UIBezierPaths交集作为UIBezierPath

Question

我有两个UIBezierPath，一个代表图像部分的多边形，另一个是要在其上绘制的路径。

我需要找到它们之间的交点，以便只有这个交叉区域内的点才会被着色。

UIBezierPath中是否有方法可以在两条路径之间找到交叉点或新路径？

Answer 1

我不知道获取新路径的方法是两条路径的交集，但您可以使用每条路径的裁剪属性填充或以其他方式绘制交叉点。

在此示例中，有两个路径，正方形和圆形：

let path1 = UIBezierPath(rect: CGRect(x: 0, y: 0, width: 100, height: 100))
let path2 = UIBezierPath(ovalIn: CGRect(x:50, y:50, width: 100, height: 100))

我制作一个渲染器来绘制这些，但你可以在drawRect或任何地方执行此操作：

let renderer = UIGraphicsImageRenderer(bounds: CGRect(x: 0, y: 0, width: 200, height: 200))
let image = renderer.image {
    context in
    // You wouldn't actually stroke the paths, this is just to illustrate where they are
    UIColor.gray.setStroke()
    path1.stroke()
    path2.stroke()
    // You would just do this part
    path1.addClip()
    path2.addClip()
    UIColor.red.setFill()
    context.fill(context.format.bounds)
}

生成的图像看起来像这样（为了清晰起见，我在代码注释中指示了每条路径，实际上你只做了填充部分）：

Answer 2

我写了一个UIBezierPath库，它允许你根据交叉路径将给定的闭合路径切割成子形状。它基本上完全符合您的要求：https://github.com/adamwulf/ClippingBezier

NSArray<UIBezierPath*>* componentShapes = [shapePath uniqueShapesCreatedFromSlicingWithUnclosedPath:scissorPath];

或者，您也可以找到交叉点：

NSArray* intersections = [scissorPath findIntersectionsWithClosedPath:shapePath andBeginsInside:nil];