반응형
fillRect()
-
JavaScript 입문 : Canvas 이론 정리 - 그리기 (사각형, 선, 원, 별, 스마일)컴퓨터 알아가기/JavaScript 2022. 11. 18. 19:30
캔버스 지원 브라우저와 캔버스 크기 설정에 대해 공부를 해 보았는데 브라우저는 최근에는 대부분 지원이 가능하지만 유저들을 위해 지원여부를 감지하고 표시해 주는 Modernizr 에 대해 확인을 해 보았구요. 크기 설정은 캔버스 자체를 브라우저의 2배로 설정하여 작업하고 CSS에서 100%로 맞추어 주면 고해상도를 나타낼 수 있다고 배웠습니다. 이제는 간단히 그려지는 도형에 대해 기본 순서를 정리해 보겠습니다. 역시 본 내용은 '1분코딩 HTML5 Canvas 라이브 강좌'를 기본으로 하고 있습니다. 1. 사각형 그리기 기본적으로 600 X 400의 캔버스 크기를 만들고 시작 하겠습니다. 도형에 색을 지정하지 않으면 기본색은 검은색입니다. 상기 그림을 정리하면 fillRect는 사각형을 채우는 것이고 fi..