CGPath裁剪

Question

我想做一些类似这样的东西：

​

​

我尝试了以下代码：

CGMutablePathRef path = CGPathCreateMutable();
CGPathAddLines(path, &CGAffineTransformIdentity, points, sizeof points / sizeof *points);

CGMutablePathRef strokePath = (CGMutablePathRef)CGPathCreateCopyByStrokingPath(path, &CGAffineTransformIdentity, data.lineWidth, kCGLineCapRound, kCGLineJoinMiter, 4.f);

for(NSInteger i = 0; i < [data.values count]; i++) {
    CGRect rect = CGRectMake(points[i].x - data.dotRadius, points[i].y - data.dotRadius, data.dotRadius * 2, data.dotRadius * 2);
    CGPathAddEllipseInRect(strokePath, &CGAffineTransformIdentity, rect);
    CGPathAddEllipseInRect(strokePath, &CGAffineTransformIdentity, CGRectInset(rect, data.lineWidth, data.lineWidth));
}

然后绘制以下路径：

CAShapeLayer *layer = self.layers[line];
layer.path = strokePath;
layer.strokeColor = nil;
layer.fillColor = data.lineColor.CGColor;
layer.fillRule = kCAFillRuleEvenOdd;

Bt提供类似如下的功能：

​

​

有谁知道我是怎么做到的吗？

Answer 1

绘制线条和圆，不是作为复合路径，而是作为两条线和一个圆(并且没有任何填充规则)。然后通过使用kCGBlendModeClear绘制一个较小的实心圆来“冲出”圆中心的孔。

或者，从裁剪掉圆中心的孔开始。然后画出线和圆圈。

Answer 2

最后通过一个图层蒙版来完成：

CGMutablePathRef path = CGPathCreateMutable();
CGPathAddLines(path, &CGAffineTransformIdentity, points, sizeof points / sizeof *points);

CGMutablePathRef dotPath = CGPathCreateMutable();
for(NSInteger i = 0; i < [data.values count]; i++) {
    CGRect rect = CGRectMake(points[i].x - data.dotRadius, points[i].y - data.dotRadius, data.dotRadius * 2, data.dotRadius * 2);
    CGPathAddEllipseInRect(dotPath, &CGAffineTransformIdentity, rect);
    CGPathAddEllipseInRect(dotPath, &CGAffineTransformIdentity, CGRectInset(rect, data.lineWidth, data.lineWidth));
}
CGPathAddPath(path, &CGAffineTransformIdentity, dotPath);

CGMutablePathRef maskPath = CGPathCreateMutable();
CGPathAddRect(maskPath, &CGAffineTransformIdentity, CGRectMake(0, 0, self.frame.size.width, self.frame.size.height));
CGPathAddPath(maskPath, &CGAffineTransformIdentity, dotPath);


CAShapeLayer *layer = self.layers[line];
layer.path = strokePath;
layer.lineWidth = 2;
layer.strokeColor = data.lineColor.CGColor;
layer.fillColor = nil;
layer.fillRule = kCAFillRuleEvenOdd;

CAShapeLayer *maskLayer = [CAShapeLayer layer];
maskLayer.path = maskPath;
maskLayer.fillRule = kCAFillRuleEvenOdd;
layer.mask = maskLayer;