HTML5 Canvas 태그 92팸 유승연 안동찬 엄태인 김영재
Canvas Tag?? 종이에 그림을 그리듯 브라우저에 그래픽을 자유롭게 나타내기 위해 만들어진 태그 종이에 그림을 그리듯 브라우저에 그래픽을 자유롭게 나타내기 위해 만들어진 태그 그래픽 그 자체가 아닌 그래픽을 나타내기 위한 영역을 지정, 실제 그림을 그리기 위해서는 Javascript 와 함께 사용해야 한다
Canvas 태그 사용법? Canvas 태그는 기본적으로 어떠한 것도 제공되지 있는 비어있는 공간을 제공할 뿐이고 개발자가 제공된 공간 안에 Javascript를 이용하여 그 안을 채워나가야 한다 먼저 캔버스 크기를 지정하면 <canvas width="200" height="200"></canvas> 이 크기의 영역이 브라우저에 나타나게 되고 이 안을 우리가 꾸밀 수 있게 된다
Canvas 태그 사용 예시 이미지 삽입
그라디언트
텍스트 삽입
LINK http://html5games.com/ http://www.html5canvastutorials.com/ Canvas태그를 이용하여 제작한 게임들을 모아놓은 홈페이지 http://www.html5canvastutorials.com/ Canvas태그를 이용한 예시들을 모아놓은 홈페이지