javascript - 如何消除UV贴图三角形（HTML5 Canvas）之间的接缝？

Question

我在http://jsfiddle.net/pB5A9/1/上设置了一个简单的 UV 映射演示。它基于使用 HTML5 Canvas 的图像处理和纹理映射？.

该算法本身运行良好。不过有一个问题。三角形之间似乎有一条微弱的接缝。我在 Chrome (14.something) 和 Safari (5.1) 上都对此进行了测试。它可能在其他浏览器中正常工作，但我不能确定这一点。

我猜这个问题与剪辑有关。问题是我不确定如何调整坐标以使问题消失。也许它缺少一些填充（+1）或其他东西。欢迎提出想法。:)

Answer 1

这与不同浏览器选择抗锯齿（或不抗锯齿）的方式有关。

在 Chrome 15 上看起来不错。

减少剪辑应该可以解决您的问题。我建议您尝试将每个对象的剪切区域扩大 0.5 或 1 个像素，看看效果如何。（或者，您可以尝试将所有内容移动 0.5 像素并查看抗锯齿是否发生变化，您可能会感到惊讶）