내 래 플로 스트로크의 너비 또는 불투명도가 같은 이유는 무엇입니까?

Question

내 그림에 내 획이 동일한 너비 또는 불투명도로 나타나지 않습니다. 아래의 바이올린에서 rect와 경로는 모두 같은 획을 가져야한다고 가정하지만 분명히 다릅니다. 내 프로젝트에서 경로가 넓은 회색 획을 가지고 rect가 적절한 마른 검정을 가졌음을 제외하고는 비슷한 문제가 있습니다. 누구나 뇌졸중을 1px 검은 색 획처럼 보이게하는 리셋을 알고 있지만 약간 투명하고 모호한 2px 스트로크는 아는 사람이 있습니까?

var paper = Raphael(0,0,200,200); 

paper.rect(0,0,50,50); 
paper.path("M0,0,200,200");​ 

Answer 1

변경 0.5에 제로 :

var paper = Raphael(0,0,200,200); 

paper.rect(0.5,0.5,50,50); 
paper.path("M0,0,200,200");​ 

http://jsfiddle.net/H4xyX/

, 당신의 상자의 위쪽 가장자리 인 라인을 상상해가는

이

내 코드 ( jsFiddle)입니다 (0,0)에서 (0,50) 및 1 픽셀 너비입니다. 여기서 일어나는 일은 선이이 선 주위로 중심에 그려지고 있다는 것입니다. 선 위 반 픽셀, 아래 반 화소, 흐려짐 때문입니다. 선 너비의 범위는 -0.5에서 +0.5로 갈 것입니다.

오프셋을 0.5로 설정하면 선의 너비가 이제 0에서 1로 변경되어 단일 픽셀을 정확히 채 웁니다.