본문 바로가기

개발일지

[CANVAS - 체스] 5. 내가 클릭한 말 or 칸에 효과주기

현재 상태는 내가 제대로 말을 클릭 했는지 잘 모르는 상황이다. 효과를 좀 줘보자.

살짝 형광색(?) 같은 느낌으로 테두리를 칠하면 어떨까 한다.

 

클릭하면 네모칸 나오는 것 까지는 그렸다. 

strokeRect를 이용해서 그린것 까진 되었는데.. 다른 말을 클릭할 때 이전 stroke를 어떻게 없애는지가 핵심..

 

strokeStyle = 'transparent'는 없는건가...

 

일단 그냥 해당 칸의 색으로 다시 칠하는 방식으로 대체 했다.

 

결과는 아래와 같다.