HTML5 Canvas -- HTML5

What isHTML Canvas?

The HTML <canvas> element is usedto draw graphics, on the fly, via scripting (usually JavaScript).

The <canvas> element is only acontainer for graphics. You must use a script to actually draw the graphics.

Canvas has several methods for drawingpaths, boxes, circles, text, and adding images.



기본 형태는 canvas태그으로 캔버스를 만들고 자바스크립트로 생성한 캔버스 안에 그래픽을 그리는 형태이다.


<canvas id="canvas1" width="400"height="300">

Your browser does not support the HTML5 canvas tag.




IE : 9.0, CR : 4.0, FF : 2.0, SF : 3.1,OP : 9.0, IPhone : 1.0, Android: 1.0


IE8.0 이하에서 canvas를 이용하기 위해서는 오픈소스 자바스크립트라이브러리인 ExplorerCanvas 사용할 있다.


 <!--[if IE]><scripttype="text/javascript"src="excanvas.js"></script><![endif]-->


자세한 예제와 문법을 제공하는 아래의 사이트를 참고하기 바란다.






댓글 입력 영역