Canvas

  • 리비전 슬러그: HTML/Canvas
  • 리비전 제목: Canvas
  • 리비전 아이디: 31826
  • 제작일시:
  • 만든이: Suguni
  • 현재 리비전인가요? 아니오
  • 댓글

리비전 내용

<canvas>는 스크립트 언어(보통 JavaScirpt)로 그림을 그릴 수 있게 해주는 새로운 HTML 요소입니다. 예를 들어 그래프를 그리거나 사진을 합성하거나 애니메이션을 만드는데도 사용될 수 있습니다.

Mozilla 어플리케이션은 Gecko 1.8(즉 Firefox 1.5)부터 <canvas>를 지원하기 시작했습니다. <canvas>는 Apple의 OS X Dashboard와 Safari 브라우저에서 처음 소개되었습니다. Internet Explorer는 아직까지 내부적으로 지원하고 있진 않지만, Google의 Explorer Canvas 프로젝트에서 제공하는 스크립트를 사용하여 동일한 기능을 구현할 수 있습니다. Opera 9에서도 <canvas>를 지원합니다.

문서

명세서
<canvas> 요소는 HTLM 5라고 알려진 WhatWG Web applications 1.0 명세에 포함되어 있습니다.
Canvas로 그림 그리기
<canvas>에 대한 한 페이지 짜리 소개서.
Canvas 자습서
A comprehensive tutorial covering both the basic usage of <canvas> and its advanced features.
Code snippets:Canvas
Some extension developer-oriented code snippets involving <canvas>.
Canvas 예제들
몇 가지 <canvas> 데모들.
Drawing text using a canvas
Documentation for the new <canvas> feature available starting with Firefox 3

View All...

커뮤니티

* View Mozilla forums... {{Template:DiscussionList|dev-tech-html|mozilla.dev.tech.html}}

관련 주제

HTML, JavaScript, CSS, AJAX, DOM, SVG

Categories

Interwiki Language Links



{{ wiki.languages( { "en": "en/HTML/Canvas", "es": "es/HTML/Canvas", "fr": "fr/HTML/Canvas", "ja": "ja/HTML/Canvas", "pl": "pl/HTML/Canvas" } ) }}

리비전 소스

<p>
</p>
<div>
<p><b><code>&lt;canvas&gt;</code></b>는 스크립트 언어(보통 <a href="ko/JavaScirpt">JavaScirpt</a>)로 그림을 그릴 수 있게 해주는 새로운 <a href="ko/HTML">HTML</a> 요소입니다. 예를 들어 그래프를 그리거나 사진을 합성하거나 애니메이션을 만드는데도 사용될 수 있습니다.
</p><p>Mozilla 어플리케이션은 Gecko 1.8(즉 <a href="ko/Firefox_1.5">Firefox 1.5</a>)부터 <code>&lt;canvas&gt;</code>를 지원하기 시작했습니다. <code>&lt;canvas&gt;</code>는 Apple의 OS X <a class="external" href="http://www.apple.com/macosx/features/dashboard/">Dashboard</a>와 Safari 브라우저에서 처음 소개되었습니다. Internet Explorer는 아직까지 내부적으로 지원하고 있진 않지만, Google의 <a class="external" href="http://excanvas.sourceforge.net/">Explorer Canvas</a> 프로젝트에서 제공하는 스크립트를 사용하여 동일한 기능을 구현할 수 있습니다. Opera 9에서도 <code>&lt;canvas&gt;</code>를 지원합니다.
</p>
</div>
<table class="topicpage-table">
<tbody><tr><td>
<h4 name=".EB.AC.B8.EC.84.9C"> <a href="Special:Tags?tag=HTML:Canvas&amp;language=ko">문서</a> </h4>
<dl><dt> <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/section-the-canvas.html">명세서</a>
</dt><dd> <small><code>&lt;canvas&gt;</code> 요소는 HTLM 5라고 알려진 WhatWG Web applications 1.0 명세에 포함되어 있습니다.</small>
</dd></dl>
<dl><dt> <a href="ko/Canvas%eb%a1%9c_%ea%b7%b8%eb%a6%bc_%ea%b7%b8%eb%a6%ac%ea%b8%b0">Canvas로 그림 그리기</a>
</dt><dd> <small><code>&lt;canvas&gt;</code>에 대한 한 페이지 짜리 소개서.</small>
</dd></dl>
<dl><dt> <a href="ko/Canvas_%ec%9e%90%ec%8a%b5%ec%84%9c">Canvas 자습서</a>
</dt><dd> <small>A comprehensive tutorial covering both the basic usage of <code>&lt;canvas&gt;</code> and its advanced features.</small>
</dd></dl>
<dl><dt> <a href="ko/Code_snippets/Canvas">Code snippets:Canvas</a>
</dt><dd> <small>Some extension developer-oriented code snippets involving <code>&lt;canvas&gt;</code>.</small>
</dd></dl>
<dl><dt> <a href="Special:Tags?tag=Canvas_examples&amp;language=ko">Canvas 예제들</a>
</dt><dd> <small>몇 가지 <code>&lt;canvas&gt;</code> 데모들.</small>
</dd></dl>
<dl><dt> <a href="ko/Drawing_text_using_a_canvas">Drawing text using a canvas</a>
</dt><dd> <small>Documentation for the new <code>&lt;canvas&gt;</code> feature available starting with Firefox 3</small>
</dd></dl>
<p><span class="alllinks"><a href="Special:Tags?tag=HTML&amp;language=ko">View All...</a></span>
</p>
</td>
<td>
<h4 name=".EC.BB.A4.EB.AE.A4.EB.8B.88.ED.8B.B0"> 커뮤니티 </h4>
<p><span class="comment">* View Mozilla forums... {{Template:DiscussionList|dev-tech-html|mozilla.dev.tech.html}}</span>
</p>
<ul><li> <a class="external" href="http://groups.yahoo.com/group/canvas-developers/">Canvas-Developers Yahoo Group</a>
</li></ul>
<h4 name=".EA.B4.80.EB.A0.A8_.EC.A3.BC.EC.A0.9C"> 관련 주제 </h4>
<dl><dd> <a href="ko/HTML">HTML</a>, <a href="ko/JavaScript">JavaScript</a>, <a href="ko/CSS">CSS</a>, <a href="ko/AJAX">AJAX</a>, <a href="ko/DOM">DOM</a>, <a href="ko/SVG">SVG</a>
</dd></dl>
</td>
</tr>
</tbody></table>
<p><span class="comment">Categories</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p><p><br>
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "en": "en/HTML/Canvas", "es": "es/HTML/Canvas", "fr": "fr/HTML/Canvas", "ja": "ja/HTML/Canvas", "pl": "pl/HTML/Canvas" } ) }}
Revert to this revision