不同的畫布渲染

我爲網站主人http://qcoder.ru/pixelfiller/做了一個小服務，但我有一個問題。在Mozilla，Safari和Opera中，模式＃7和＃8（對角線）的渲染效果不好（模式間有小的空白）。我如何使Chrome瀏覽器像crossbrowser渲染？不同的畫布渲染

功能tehese模式：

// #7 
function template7() { 
    c.beginPath(); 
    c.moveTo(size, 0); 
    c.lineTo(0, size); 
    c.stroke(); 
} 

// #8 
function template8() { 
    c.beginPath(); 
    c.moveTo(0, 0); 
    c.lineTo(size, size); 
    c.stroke(); 
}

來源

2012-10-23 iBoozyVoozy

它看起來可能是一種抗混疊的問題;從你分享的代碼片段看起來你正在從一個角落畫到另一個角落。如果你不是劃清界線開始和結束兩個像素的畫布之外，你可能會看到更好的結果：我的意思

壞圖：

This:   Not This: 

\ 
\++++  \++++ 
+\+++  +\+++ 
++\++  ++\++ 
+++\+  +++\+ 
++++\  ++++\ 
     \

來源

2012-10-23 01:22:57 Cecchi

不幸的是沒有幫助 – iBoozyVoozy

在這種情況下，我的下一個理論是，相鄰的角落（沒有通過它們的線）應該有一個半角三角形，因爲結果模式 - 根據firefox至少 - 看起來像這樣：http://i.imgur.com/ BZlRZ.png，當它重複時，有兩個尖端接觸但不是全線。看到這個：http://line25.com/wp-content/uploads/2010/patterns/03.png – Cecchi

不同的畫布渲染

回答

相關問題