?
그래픽을 그리기 위해
HTML의 <canvas>는 단지 그래픽을 위한 컨테이너
높이와 넒이 속성이 있는 그리기가 가능한 지역이라고 HTML코드에서 정의
선분들, 사각형들, 원, 문자 그리고 이미지를 추가하는 메서드가 있다.
html문서 내부에 그림을 그릴 수 있는 컨테이너 엘리면트
캔버스는 아무 속성도 자체적으로 가지고 있지 않다.
자바스크립트로 그려야 한다.
자바스크립트를 통해 그림을 그리고 애니메이션과 이벤트 처리 등을 구현할 수 있다.
좌표도 이해해야 함
사용방법
1. 선언
2. id 설정
3. width,height 설정
4. canvas 내장 '그리기 객체'를 취득
5. 객체에 채우기색, 선색, 그림자, 그라데이션 설정
6. js를 통해 다양한 효과 구현