Front-end/HTML Canvas1 [Canvas] 이용자의 브라우저/디스플레이 맞춰 캔버스크기 조정하기 해상도가 높은 레티나 등의 디스플레이의 경우, 브라우저 크기에 비해 디스플레이의 해상도가 커서 앞으로 그릴 그림이 흐릿하게 보이는 현상이 발생함. 이를 해결하기 위해, css 속성 크기 값과 캔버스 객체에 할당된 크기 값의 비율에 따라 스케일이 변경되어 렌더링되는 특징을 활용하여, 캔버스 크기를 아래처럼 바꿀 수 있다. 참조 https://velog.io/@jehjong/JS-Canvas-Animation-Bouncing-Ball [애니메이션 초기작업] 윈도우 창이 변할 때마다 Canvas 크기 새로 지정 2차원 비트맵 그래픽과 애니메이션을 그릴 수 있는 HTML 요소패스, 도형, 글자 등을 그리고 이미지를 추가하는 다양한 함수들이 존재width와 height 속성만 존재 (default width: 1.. 2022. 5. 3. 이전 1 다음