LHJ

I'm a FE developer.

3번째 섹션 인터렉션 구현 - 의문

01 Sep 2020 » js_apple_interaction

3번째 섹션 인터렉션 구현 - 의문

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