-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
캔버스에 그려진 whiteRectWidth 와 실제로 같은 크기로 설정된 div의 크기가 다른 경우
22.03.15 16:54 작성 조회수 264
0
안녀
안녕하세요.
위와같이 콘솔창을 보시면 whiteRectWidth가 202.5로 찍혀서 똑같은 크기를 가진 div를 위에 생성했더니 캡쳐와 같이 너비가 틀린 것을 확인했습니다.
실제로 캔버스에 그려질때 화면시작점부터가 아니라 좀 더 뒤에서 그려지는 건가요??
.test {
background-color: black;
width: 202.5px;
height: 800px;
align-self: flex-start;
}
테스트한 div의 크기
답변을 작성해보세요.
0
1분코딩
지식공유자2022.03.28
캔버스 자체가 원래 사이즈인 1920*1080으로 표시되는게 아니라 디스플레이 크기에 딱 맞도록 우리가 의도적으로 변형해서 표시하기 때문입니다.
예를들어 폭이 200픽셀이라면 캔버스 안에서는 1920중의 200 크기이겠지만, 브라우저에 표시하는 캔버스 크기 자체가 달라졌기 때문에 그 달라진 비율만큼 차이가 난다고 생각하시면 될 것 같습니다^^
답변 1