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