3번째 섹션 인터렉션 구현 - 의문
- 예제 코드에서
objs.canvas.height
의 값은 1080?- html에서 canvas 태그에 선언한 width , height 값이 각각 1920 / 1080 이므로 1080 값이 출력된다.
fillRect
,drawImage
를 활용하여 canvas 태그에 그림을 그리고 애니메이션을 구현할 때,clearRect
메서드를 활용해 canvas 태그에 있는 그림을 지우는 작업을 했다.
위 예제에선 왜 canvas 태그에 그려진 그림을 지우는 작업을 안할까?drawImage
로 canvas 태그 전체를 다시 덮으면서 그림을 그리기 때문에 굳이 지울 필요가 없다.- 안 지워도 애니메이션 처럼 보이는 이유이다.