2011-03-04 7 views
0

캔버스 애니메이션을 사용하면 때때로 동일한 요소를 다른 요소 위로 다시 그립니다 (긴 이유는 이것이 필요한 이유입니다). 그러나 그런 일이 발생하고 자주 발생합니다.캔버스 겹침 요소

이제는 이미지의 기존 복제본에 대해 요소 경로를 그리며 스트로크 방식을 사용한다고 가정 해 보겠습니다. 대신 과거 이미지 위에 그립니다와 정확히 같은 위치에 그려지지 않은 것처럼 (모든 측면을 흐리게합니다.

The normal image without blurry sides

The image with blurry sides

가 할 수있는 방법이 있으면 알려 주시기 바랍니다 여기서 제 실용적인 의미에서 당신은 다른 반투명 픽셀 이상 일부 반투명 픽셀을 그리는 것입니다. 캔버스 스트로크 앤티 앨리어싱 때문에

답변

3

이 일어나고이

감사를 해결하고, e 픽셀이 겹쳐지며 불투명도가 함께 추가됩니다. 캔버스 객체가 선을 따라 앤티 앨리어싱을 해제하도록 강제 할 수 있다고 생각하지 않으므로 그냥 캔버스 객체와 함께 살아야 할 수도 있습니다. 그게 큰 문제 야?

http://img813.imageshack.us/img813/303/canvasl.png

편집 : 나는 당신이 대신 스트로크를 그리는, 마커에 대한 투명 배경으로 PNG 파일을 사용하여 시도 할 수 같아요. https://developer.mozilla.org/en/Canvas_tutorial/Using_images

+0

... 그런 다음 PNG 배경을 1 비트 투명도로 지정해야 그리드 위에 겹칠 때 흰색 후광을 얻을 수 있습니다. 그럼 ...이 해킹조차도 작동하지 않습니다. @AlexAngelini, 콘텐츠를 지우거나 다시 그리거나 겹치는 그림을 방지해야합니다. – Phrogz