Inverse CGPath in Rect

Question

I'm looking to inverse a CGPath (relative to a Rect). By this, I mean I have defined a CGPath and I want to get a CGPath that outlines all other areas in the rect.

I've been experimenting different ways and been googling for a couple days now with no luck. I simply just cannot work it out!

Consider the following rect with defined CGPath (where green is the defined CGPath filled):

Now, with what I want (the inversed CGPath) would produce the following:

Specifically, this is for usage with an SKCropNode and SKPhysicsBody in the SpriteKit framework, however i'm producing the polygon for the mask node using CGPaths (and storing the path in an ivar).

Is inversing a CGPath possible, or some other way? If so, how?

Thanks in advance.

Answer 1

I copied the code from the answer @DavidRonnqvist linked to, but changed it to retrieve the UIBezierPath from a CGPath, which is what you need:

CGPath        filledPath = ...; //This is the inner filled shape
CAShapeLayer *invertedLayer = [CAShapeLayer layer];
UIBezierPath *maskPath = [UIBezierPath bezierPathWithCGPath:filledPath];

[invertedLayer setPath:[maskPath CGPath]];
[invertedLayer setFillRule:kCAFillRuleEvenOdd];
[invertedLayer setFillColor:[[UIColor colorOfYourChoice] CGColor]];

I didn't test this but in theory it should work.