objective-c - 很难理解 NSBezierPath 的 curveToPoint : method

Question

我正试图掌握在 Cocoa 中绘制(相当基本的)形状。我知道如何创建具有直边的路径(duh!)，但是当谈到做曲线时，我就是无法理解什么输入会产生什么形状的曲线。具体来说，我不知道该方法的 controlPoint1: 和 controlPoint2: 参数如何影响形状。

我正在尝试近似 Google Chrome 中标签的形状:

我使用的代码是:

-(void)drawRect:(NSRect)dirtyRect {
    NSSize size = [self bounds].size;

    CGFloat height = size.height;
    CGFloat width = size.width;

    NSBezierPath *path = [NSBezierPath bezierPath];
    [path setLineWidth:1];

    [path moveToPoint:NSMakePoint(0, 0)];

    [path curveToPoint:NSMakePoint(width * 0.1, height)
         controlPoint1:NSMakePoint(width * 0.05, height)
         controlPoint2:NSMakePoint(width * 0.03, height * 0.05)];

    [path lineToPoint:NSMakePoint(width * 0.9, height)];

    [path curveToPoint:NSMakePoint(width, 0)
         controlPoint1:NSMakePoint(width * 0.95, height)
         controlPoint2:NSMakePoint(width * 0.97, height * 0.05)];

    [path closePath];

    [[NSColor colorWithCalibratedWhite:0.98 alpha:1] set];
    [path fill];

    [[NSColor colorWithCalibratedWhite:0.6 alpha:1] set];
    [path stroke];
}

我失败得很厉害。

看，这就是我们不能拥有美好事物的原因:(

任何人都可以给我一些关于在绘制曲线时如何思考的指示吗？绘制这条路径的示例也很棒，但实际上只是理解 curveToPoint:controlPoint1:controlPoint2: 的这些输入让我退缩了。

更新 |感谢@Ahruman 的回答，我终于开始成形了。它不是 100%(缺少底角的曲线，但至少现在它实际上是一个对称的形状:)

Answer 1

当前绘图点(隐式)和控制点 1 之间的线是曲线起点处的切线。控制点 2 和“到”点之间的线是曲线末端的切线。这些对应于您在具有贝塞尔路径的任何矢量绘图应用程序中看到的两个切线控件的末端。如果您还没有使用过，Inkscape 是免费的。