关于ios：移除bezier路径外


Remove outside of bezier path

我有一个功能，我用颜色填充图像并使用 UIBezierPath 擦除角落的点。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
CGRect rect = CGRectMake(0.0f, 0.0f, width, height);
UIGraphicsBeginImageContext(rect.size);
CGContextRef context = UIGraphicsGetCurrentContext();

CGContextSetBlendMode(context, kCGBlendModeCopy);

// Fill image
CGContextSetFillColorWithColor(context, [[UIColor redColor] CGColor]);
CGContextFillRect(context, rect);

// Round corners
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:15.0];
CGContextSetStrokeColorWithColor(context, [[UIColor clearColor] CGColor]);
[bezierPath stroke];

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

通过以上操作，我得到了一张切掉了 Bézier 路径并填充了背景的图像。
Icon with Bézier path cut out

但是，我怎样才能移除路径外的角落，或者至少获得某种方式来参考它们的位置以便我可以清除它们？

相关讨论

几个选项：

  • 像你一样使用 CoreGraphics，但将其剪辑到路径：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    CGRect rect = CGRectMake(0.0f, 0.0f, width, height);

    UIGraphicsBeginImageContextWithOptions(rect.size, false, 0);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetBlendMode(context, kCGBlendModeCopy);

    // Round corners
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:15.0];
    CGContextAddPath(context, bezierPath.CGPath);
    CGContextClip(context);

    // Fill image
    CGContextSetFillColorWithColor(context, [[UIColor redColor] CGColor]);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

  • 或者，消除CoreGraphics，只消除fill UIBezierPath:

    1
    2
    3
    4
    5
    UIGraphicsBeginImageContextWithOptions(rect.size, false, 0);
    [[UIColor redColor] setFill];
    [[UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:15.0] fill];
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    • 注意，在这两个示例中，我都使用了 UIGraphicsBeginImageContextWithOptions，提供了 0 的比例(针对相关设备上的显示进行了优化的比例)。如果你真的想要，你可以提供 1 的比例，这在 Retina 设备上渲染时显然会有点像素化，但这取决于你。

    相关讨论