ios - Quartz2D：如何在运行时将剪切矩形转换为倒置蒙版？

Question

鉴于：

1. ctx一个带框架的 CGContextRef ( ){0,0,100,100}
2. 和一个矩形 ( r)，带框架{25,25,50,50}

将上下文剪辑到该矩形很容易：

CGContextClipToRect(ctx, r);

掩盖下面的红色区域（红色==面具）：

但我想反转这个剪裁矩形以将其转换为剪裁蒙版。期望的结果是掩盖下面的红色部分(red == mask)：

我想在运行时以编程方式执行此操作。

我不想手动准备位图图像以与我的应用程序一起静态发布。

给定ctxand r，如何在运行时最容易/直接地做到这一点？

Answer 1

Read about fill rules in the “Filling a Path” section of the Quartz 2D Programming Guide.

In your case, the easiest thing to do is use the even-odd fill rule. Create a path consisting of your small rectangle, and a much larger rectangle:

CGContextBeginPath(ctx);
CGContextAddRect(ctx, CGRectMake(25,25,50,50));
CGContextAddRect(ctx, CGRectInfinite);

Then, intersect this path into the clipping path using the even-odd fill rule:

CGContextEOClip(ctx);

Answer 2

CGContextClipToRects()您可以通过传递构成您想要的红框的矩形来剪辑上下文。

Answer 3

你能像往常一样做所有的绘画，然后做：

CGContextClearRect(ctx, r);

一切都完成后？

Answer 4

这是实现 rob 答案的有用扩展

extension UIBezierPath {
    func addClipInverse() {
        let paths = UIBezierPath()
        paths.append(self)
        paths.append(.init(rect: .infinite))
        paths.usesEvenOddFillRule = true
        paths.addClip()
    }
}