Revision 31829 of Canvas

  • Revision slug: HTML/Canvas
  • Revision title: Canvas
  • Revision id: 31829
  • Created:
  • Creator: Suguni
  • Is current revision? No
  • Comment no wording changes
Tags: 

Revision Content

<canvas>는 스크립트 언어(보통 JavaScript)로 그림을 그릴 수 있게 해주는 새로운 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 자습서
<canvas>의 기본적인 내용과 고급 기능 전반에 대해 다루는 자습서.
Code snippets:Canvas
확장 기능 개발자가 관심 가질만한 <canvas> 관련 코드 조각들.
Canvas 예제들
몇 가지 <canvas> 데모들.
Canvas에서 텍스트 그리기
Firefox 3 부터 사용 가능한 새로운 <canvas> 기능에 대한 문서.

View All...

커뮤니티

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

관련 주제

HTML, JavaScript, CSS, AJAX, DOM, SVG

Categories

Interwiki Language Links

 

 

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

Revision Source

<div>
<p><strong><code>&lt;canvas&gt;</code></strong>는 스크립트 언어(보통 <a href="/ko/JavaScript" title="ko/JavaScript">JavaScript</a>)로 그림을 그릴 수 있게 해주는 새로운 <a href="/ko/HTML" title="ko/HTML">HTML</a> 요소입니다. 예를 들어 그래프를 그리거나 사진을 합성하거나 애니메이션을 만드는데도 사용될 수 있습니다.</p>
<p>Mozilla 어플리케이션은 Gecko 1.8(즉 <a href="/ko/Firefox_1.5_for_developers" title="ko/Firefox_1.5_for_developers">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" title="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/Drawing_Graphics_with_Canvas" title="ko/Drawing_Graphics_with_Canvas">Canvas로 그림 그리기</a> </dt><dd> <small><code>&lt;canvas&gt;</code>에 대한 한 페이지 짜리 소개서.</small> </dd></dl> <dl><dt> <a href="/ko/Canvas_tutorial" title="ko/Canvas_tutorial">Canvas 자습서</a> </dt><dd> <small>&lt;canvas&gt;의 기본적인 내용과 고급 기능 전반에 대해 다루는 자습서.</small> </dd></dl> <dl><dt> <a href="/ko/Code_snippets/Canvas" title="ko/Code_snippets/Canvas">Code snippets:Canvas</a> </dt><dd> <small><code>확장 기능 개발자가 관심 가질만한 </code></small><small><code>&lt;canvas&gt; 관련</code></small><small><code> 코드 조각들</code></small><small>.</small> </dd></dl> <dl><dt> <a href="/Special:Tags?tag=Canvas_examples&amp;language=ko" title="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" title="ko/Drawing_text_using_a_canvas">Canvas에서 텍스트 그리기</a> </dt><dd> <small>Firefox 3 부터 사용 가능한 새로운 &lt;canvas&gt; 기능에 대한 문서.</small> </dd></dl> <p><span class="alllinks"><a href="/Special:Tags?tag=HTML&amp;language=ko" title="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" title="ko/HTML">HTML</a>, <a href="/ko/JavaScript" title="ko/JavaScript">JavaScript</a>, <a href="/ko/CSS" title="ko/CSS">CSS</a>, <a href="/ko/AJAX" title="ko/AJAX">AJAX</a>, <a href="/ko/DOM" title="ko/DOM">DOM</a>, <a href="/ko/SVG" title="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> </p>
<p> </p>
<p>{{ languages( { "en": "en/HTML/Canvas", "es": "es/HTML/Canvas", "fr": "fr/HTML/Canvas", "ja": "ja/HTML/Canvas", "pl": "pl/HTML/Canvas" } ) }}</p>
Revert to this revision