검색결과 리스트
-- HTML5에 해당되는 글 11건
- 2015.07.01 HTML5 Canvas
글
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.
</canvas>
BrowserSupport
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를 사용할 수 있다.
http://code.google.com/p/explorercanvas/
<html>
<head>
<!--[if IE]><scripttype="text/javascript"src="excanvas.js"></script><![endif]-->
...
자세한 예제와 문법을 제공하는 아래의 사이트를 참고하기 바란다.
http://www.html5canvastutorials.com/
http://cheatsheetworld.com/programming/html5-canvas-cheat-sheet/
'-- HTML5' 카테고리의 다른 글
| Semantic HTML5 Page Layout (0) | 2012.09.06 |
|---|---|
| HTML5 Web Socket (0) | 2012.07.30 |
| HTML5 Server-Sent Events (0) | 2012.07.18 |
| HTML5 Web Storage, Web SQL Database (0) | 2012.07.18 |
| HTML5 autofocus, required (0) | 2012.07.18 |
RECENT COMMENT