<canvas> 태그, <canvas>의 속성, <canvas>태그 형식

 

 

<canvas> 태그

·       스크립트 언어를 통해 빠르게 그래픽을 그리는데 사용되는 태그입니다.

·       <canvas> 태그 자체로는 아무런 기능이 없으며, canvas에 그래픽을 그릴 때에는 스크립트 언어를 함께 사용해야 합니다.

·       동적인 그래픽 렌더링을 스크립트로 제어할 수 있어 인터랙티브한 그래픽 콘텐츠를 만들수 있습니다.

·       이미지 합성 또는 변형, 드로잉 어플리케이션, 그래픽 기반의 화려한 게임이나, 다양한 종류의 그래프 등 마치 플래시로 만든 것처럼 개발할 수 있습니다.

 

 

<canvas>의 속성

·       width와 height의 기본 값은 너비 300pixel, 높이 150pixel 입니다.

·       속성값을 다시 지정하면 캔버스에 있던 내용은 모두 초기화됩니다

 

속성	내용
id	canvas를 인식하는 속성으로 속성 값은 "canvas"
width	canvas의 가로 크기
height	canvas의 세로 크기

 

 

<canvas>태그 형식

 

<canvas id="rect1" width="300" height="150"></canvas>