사용자 도구

사이트 도구


wiki:html

문서의 이전 판입니다!


HTML

  • description : Html과 관련된 내용 기술
  • author : 주레피
  • email : dhan@repia.com
  • lastupdate : 2020-03-24

Html5

Height

Img

Radio

data-*

<canvas>태그의 getContext('2d')

렌더링 컨텍스트

<canvas> 엘리먼트는 고정 크기의 드로잉 영역을 생성하고 하나 이상의 렌더링 컨텍스(rendering contexts)를 노출하여, 출력할 컨텐츠를 생성하고 다루게 됩니다.
본 튜토리얼에서는, 2D 렌더링 컨텍스트를 집중적으로 다룹니다.
다른 컨텍스트는 다른 렌더링 타입을 제공합니다. 예를 들어, WebGL은 OpenGL ES 을 기반으로 하는 3D 컨텍스트를 사용합니다.
캔버스는 처음에 비어있습니다. 무언가를 표시하기 위해서, 어떤 스크립트가 랜더링 컨텍스트에 접근하여 그리도록 할 필요가 있습니다.
<canvas> 요소는 getContext() 메서드를 이용해서, 랜더링 컨텍스트와 (렌더링 컨텍스트의) 그리기 함수들을 사용할 수 있습니다.
getContext() 메서드는 렌더링 컨텍스트 타입을 지정하는 하나의 파라메터를 가집니다.
본 튜토리얼에서 다루고 있는 2D 그래픽의 경우, CanvasRenderingContext2D을 얻기위해 “2d”로 지정합니다.

*출처 https://developer.mozilla.org/ko/docs/Web/HTML/Canvas/Tutorial/Basic_usage

Ref

Tip

Troubleshooting

/volume1/web/dokuwiki/data/attic/wiki/html.1596525028.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)