HTML5 Canvas 란?

JavaScript를 통하여 다양한 그림을 그릴 수 있는 공간(Container)을 제공해주며,

독립된 해상도 SVG 그래픽을 활용하고 있다.

이는 그래프를 그리거나 게임 그래픽, 다른 기타 이미지를 실시간으로 그려서 사용할 수 있는 기능을 제공해 준다.

Canvas는 높이와 넓이 속성이 있는 그리기가 가능한 지역이라고 HTML코드에서 정의 된다.

기존 HTML은 매우 정적이다. 허나 canvas는 이런 정적인 느낌을 동적으로 느낄 수 있도록 하는 HTML5의 막강한 기능 중 하나이다.

canvas를 사용하기 위해서는 HTML5가 지원되는 브라우저 사용하여야 한다.

MS IE9 Beta를 비롯한 최신 브라우저에서 모두 지원하고 있으며,

IE8 이하 버전에서는 exCanvas, html5canvas, uuCanvas 등의 JS Library를 사용하여 제한적 구현이 가능하다.