ios - 三角形与 Quartz2D 绘图的完美对齐

Question

我想使用 Quartz2D 在 2D 空间中以共享一条边的方式绘制两个普通三角形。我正在使用此代码进行绘图:

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();

    Triangle *t1 = [triangles objectAtIndex:0];
    Triangle *t2 = [triangles objectAtIndex:1];

    [self fillTriangle:t1 inContext:context];
    [self fillTriangle:t2 inContext:context];
}

- (void) fillTriangle:(Triangle *)t inContext:(CGContextRef)ctx
{
    CGContextMoveToPoint(ctx, t.p1.p.x, t.p1.p.y);
    CGContextAddLineToPoint(ctx, t.p2.p.x, t.p2.p.y);
    CGContextAddLineToPoint(ctx, t.p3.p.x, t.p3.p.y);
    CGContextAddLineToPoint(ctx, t.p1.p.x, t.p1.p.y);

    CGContextSetFillColorWithColor(ctx, t.color.CGColor);
    CGContextFillPath(ctx);
}

其中 Triangle 是一个 NSObject 子类，包含三个点和一种颜色。

问题是，即使它们共享两个点，当我用这段代码填充它们时，它们之间也会有一个“空格”，如图所示:

问题: 有谁知道如何摆脱空间，从而实现从一个三角形到另一个三角形的无缝过渡，三角形之间没有线或其他任何东西？我想继续使用 Quartz2D，但我很高兴能得到任何帮助。谢谢!

编辑:有答案表明问题是由子像素抗锯齿引起的，并添加了行

CGContextSetAllowsAntialiasing(ctx, NO);

fillTriangle 方法解决了这个问题。但这不是我希望看到的结果 - 我不喜欢它被混淆，如第二张图片所示。

问题已更新:您知道如何解决这两个问题，即保持图像干净，没有丑陋的锯齿，但三角形之间没有空间吗？

EDIT2: 因此，正如答案中指出的那样，我可以添加线条描边代码，移除抗锯齿标志，描边将填充空间。这是显示所发生情况的最后一张图片:

注意框外重叠的线条。我想知道可能是什么原因，当我将宽度设置为 0.5f 时它就消失了(因为视网膜，它转换为 1px，这可能是响应者的想法)，这确实解决了整件事。感谢大家的帮助!

Answer 1

问题是您正在使用抗锯齿进行绘制。通过

为您的上下文禁用它

    CGContextSetShouldAntialias(context, NO);

一切都会好起来的。

编辑:如果需要抗锯齿(您更新的多色示例)，您不仅可以尝试填充三角形，还可以尝试以相同的颜色用 1px 的线宽描边它们的边框:

    CGContextSetLineWidth(ctx, 0.5f);
    CGContextDrawPath(ctx, kCGPathFillStroke); 

当然，在这种情况下，您应该删除 CGContextSetShouldAntialias 行。这是一个简单的解决方案，但可能不是最佳性能，因为必须对路径进行描边和填充。