ios - 使用 Quartz2D 绘图完美对齐三角形
<p><p>我想使用 Quartz2D 在 2D 空间中以共享一条边的方式绘制两个普通三角形。我正在使用此代码进行绘图:</p>
<pre><code>- (void)drawRect:(CGRect)rect
{
CGContextRef context = UIGraphicsGetCurrentContext();
Triangle *t1 = ;
Triangle *t2 = ;
;
;
}
- (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);
}
</code></pre>
<p>其中 <code>Triangle</code> 是一个 <code>NSObject</code> 子类，包含三个点和一个颜色。</p>
<p>问题是即使它们共享两个点，当我用这段代码填充它们时，它们之间也有一个“空格”，如图所示:</p>
<p> <img src="/image/8spP2.png" alt="Two triangles sharing one edge"/> </p>
<p><strong>问题:</strong> 任何人都知道如何摆脱空间，以便从一个三角形无缝过渡到另一个三角形，并且它们之间没有线或其他任何东西？我想继续使用 Quartz2D，但我很高兴能得到任何帮助。谢谢!</p>
<p><strong>编辑:</strong>有答案表明问题是由亚像素抗锯齿引起的，并添加了行</p>
<pre><code>CGContextSetAllowsAntialiasing(ctx, NO);
</code></pre>
<p>到 <code>fillTriangle</code> 方法解决了这个问题。但这不是我希望看到的结果 - 我不喜欢它被别名，如第二张图片所示。</p>
<p> <img src="/image/0V7sJ.png" alt="Two triangles aliased"/> </p>
<p><strong>问题更新:</strong>你知道如何解决这两个问题，即保持图像干净，没有丑陋的锯齿，但三角形之间没有空间？</p>
<p><strong>EDIT2:</strong>因此，正如答案中所指出的，我可以添加线条笔划代码，删除抗锯齿标志，笔划将填充空间。这是显示发生了什么的最后一张图片:</p>
<p> <img src="/image/qhqwD.png" alt="enter image description here"/> </p>
<p>注意框外重叠的线条。我想知道原因可能是什么，当我 <strong>将宽度设置为 0.5f</strong> 时它消失了(因为视网膜，转换为 1px，这可能是响应者的想法)，这确实解决了整件事情。感谢所有帮助!</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>问题是您正在使用抗锯齿进行绘图。通过</p>为您的上下文禁用它
<pre><code> CGContextSetShouldAntialias(context, NO);
</code></pre>
<p>一切都会好起来的。</p>
<p>编辑:
在需要抗锯齿的情况下(您更新的多色示例)，您可以尝试不仅填充三角形，而且还可以使用 1px 的线宽以相同的颜色描边它们的边框:</p>
<pre><code> CGContextSetLineWidth(ctx, 0.5f);
CGContextDrawPath(ctx, kCGPathFillStroke);
</code></pre>
<p>当然，在这种情况下，您应该删除 <code>CGContextSetShouldAntialias</code> 行。这是一个简单的解决方案，但在性能方面可能不是最好的，因为必须对路径进行描边和填充。</p></p>
<p style="font-size: 20px;">关于ios - 使用 Quartz2D 绘图完美对齐三角形，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/24391164/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/24391164/
</a>
</p>
页:
[1]