OGeek|极客世界-中国程序员成长平台

标题: ios - 使用 Quartz2D 绘图完美对齐三角形 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-12 10:36
标题: 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 子类,包含三个点和一个颜色。

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

Two triangles sharing one edge

问题: 任何人都知道如何摆脱空间,以便从一个三角形无缝过渡到另一个三角形,并且它们之间没有线或其他任何东西?我想继续使用 Quartz2D,但我很高兴能得到任何帮助。谢谢!

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

CGContextSetAllowsAntialiasing(ctx, NO);

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

Two triangles aliased

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

EDIT2:因此,正如答案中所指出的,我可以添加线条笔划代码,删除抗锯齿标志,笔划将填充空间。这是显示发生了什么的最后一张图片:

enter image description here

注意框外重叠的线条。我想知道原因可能是什么,当我 将宽度设置为 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/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/) Powered by Discuz! X3.4