不同的画布渲染

我为网站主人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

不同的画布渲染

回答

相关问题