如何消除UV貼圖三角形（HTML5 Canvas）之間的接縫？

Question

我已經在http://jsfiddle.net/pB5A9/1/上設置了UV映射的簡單演示。它基於Image manipulation and texture mapping using HTML5 Canvas?。

該算法本身工作得很好。但有一個問題。三角形之間似乎有一條微弱的縫隙。我在Chrome（14.something）和Safari（5.1）上測試了這一點。它可能在其他瀏覽器中正常工作，但我無法確定。

我猜這個問題與裁剪有關。事情是我不知道如何調整座標，以便問題消失。也許它缺少一些填充（+1）或其他東西。想法是受歡迎的。 :)

Answer 1

它與不同瀏覽器選擇採取反鋸齒（或不）的方式有關。

它看起來不錯在Chrome 15

裁剪少應該解決您的問題。我建議你試着擴大你的裁剪區域爲每個對象0.5或1像素，看看它是如何做的。 （或者你可以嘗試將所有東西都移動0.5像素，看看抗鋸齒是否改變，你可能會感到驚訝）