ios - 使用 Quartz2D 绘图完美对齐三角形

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

- (void)drawRectCGRect)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) fillTriangleTriangle *)t inContextCGContextRef)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，这可能是响应者的想法)，这确实解决了整件事情。感谢所有帮助!

---

Best Answer-推荐答案

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

为您的上下文禁用它

    CGContextSetShouldAntialias(context, NO);

一切都会好起来的。

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

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

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

关于ios - 使用 Quartz2D 绘图完美对齐三角形，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24391164/