HTML5 Canvas에 그림을 그릴 때 그림자를 제거하는 방법

전체 코드는 지금까지 여기에 있습니다 :이 항상 하나 개의 빈 공간이며, 사용자가 퍼즐 조각을 클릭 할 때 나는 빈 공간으로 이동 https://github.com/Integralist/HTML5-Image-Slider-Game

하지만 이렇게하면 퍼즐 아래에 그림자가 생깁니다.

이런 일이 왜 어떤 아이디어? 이미 캔버스 안에있는 내용 위에 그리기 때문입니까? 그리기 전에 캔버스를 지우는 방법이 있습니까? 그렇다면 다른 모든 퍼즐 조각을 다시 그리지 않고도이 작업을 수행 할 수있는 방법이 있습니다. 어떻게해야 할 지 잘 모릅니다.

업데이트 : 전체 캔버스를 지우고 빈 공간으로 퍼즐 조각을 그렸지만 여전히 그림자가 그려져 있었습니까?

코드 한 줄을 보지 않고 어떻게 당신을 도울 수 있습니까? –

@ MДΓΓLLLLLL 위의 내용을 업데이트했으나 참조 용으로 https://github.com/Integralist/HTML5-Image-Slider-Game – Integralist

-1이 더 이상 존재하지 않으므로 -1을 입력해야합니다. . – cauchy

온라인 74 및 75에서 그림자 오프셋을 2px로 설정합니다. 그림을 그리기 시작하면 다시 0으로 설정해야합니다.

2012-04-21 16:41:14

답변