다른 캔버스 렌더링

나는 웹 마스터 http://qcoder.ru/pixelfiller/에 대한 작은 서비스를 만들지 만 한 가지 문제점이 있습니다. 패턴 # 7과 # 8 (대각선)은 모질라, 사파리 및 오페라에서 렌더링이 좋지 않습니다 (패턴 사이에 작은 공백이 있음). Chrome에서 크로스 브라우저 렌더링을 어떻게 만들 수 있습니까? 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

도움이되지 않았다 이론은 파이어 폭스에 따르면 결과 패턴 (http://i.imgur.com/)이 보이기 때문에 인접한 모서리 (선을 통과하지 않는 선)는 반 삼각형을 가져야한다는 것입니다. BZlRZ.png 반복 할 때 두 개의 끝이 닿는 부분이 있지만 전체 선은 만져지지 않습니다. 이것을보십시오 : http://line25.com/wp-content/uploads/2010/patterns/03.png – Cecchi

다른 캔버스 렌더링

답변

관련 문제