yoon's Devlog

이번에는 배경이미지 위에 마우스가 있는 지점에만 이미지가 떠다니도록 구현해보려 한다. Step 1. 마우스가 있는 point에만 그림이 있도록 코드 수정하기(잔상 없애기) 저번 게시물에서 offset을 활용하여 마우스가 있는 지점마다 이미지가 보이도록 구현했었다. 이번에는 마우스가 있는 그 지점에만 이미지가 있도록 해야하므로 이전 게시물의 코드를 보완해야한다. 우선, 이전 게시물의 코드는 다음과 같다. 이전 코드 canvas.addEventListener("mousemove",function(e){ context.drawImage(kimImg,e.offsetX-50,e.offsetY-50,100,100); }); 다음 코드의 결과는 아래와 같다. 보완을 위한 중요한 생각 point는, 위의 코드는 mou..