HTML <canvas> 태그 : 그래픽 그리기 태그(Dynamic Graphics Drawing Area)

HTML <canvas> 스크립트 언어(JavaScript등)를 통해 빠르게 그래픽을 그리기하는 데 사용됩니다.
그림,그래프,사진합성,간단한 애니메이션,이미지도 업로드등 다양한 기능을 제공하는 웹그림판입니다.

HTML5에서 새로 추가된 태그 입니다.

<canvas> 태그 예제

					
					
<html>
 <head>
    <title>html canvas 태그 예제샘플</title>
    <style type="text/css">
     
    	#ex { border: 1px solid #000000; }
     
    </style>
    
 </head>
 <body>
   <h1>canvas 태그의 예제샘플입니다</h1>
   <p>
    <canvas id="ex" width="400" height="300"></canvas>
</body>
</html> 

					
					

[예제 결과보기및 소스코드 수정하기]

 


WRITTEN BY
white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.

,