안녕하세요.&nbsp;
`const recalculatedInnerHeight = document.body.offsetHeight / canvasScaleRatio;`로 설정되어 있습니다.&nbsp; canvas의 원래 크기가 변하지 않는 점을 이용해서 rect의 높이를 `objs.canvas.height`로 사용하면 안 될까요?
왜 body의 offsetHeight로 설정하셨는지가 궁금합니다.&nbsp;

최종 코드에서는 window.innerHeight를 사용합니다. window.innerHeight를 사용하는 이유는, 화면의 비율이 어떻든, 세로는 꽉 차고 가로는 딱 맞거나 남거나 잘리거나 하는 경우라 그 기준점을 창 높이로 잡은 거라고 생각하시면 될 것 같습니다^^ <span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">우리 예제에서는 좌우의 흰색 박스를 그리는 데에 사용하기 때문에 실제로는 recalculatedInnerWidth만 필요한데, 계산하는 김에 같이 구해주었습니다.

인프런 커뮤니티 질문&답변

recalculatedInnerHeight 관련 질문