Canvas   캔버스

(2020-03-21)

1. Canvas (캔버스)웹페이지 내에 자바스크립트프로그래밍이 가능한 그림 화폭 API

  ㅇ 특징 : 즉시 실행형 저수준(선,원,사각형 등) API 

  ㅇ 구현 가능 : 2 차원 그래픽, WebGL을 사용한 3 차원 그래픽

  ㅇ Canvas 요소 생성문 : <canvas id="..." width="..." height="..."></canvas>
     - 기본 크기 : 300 x 150 픽셀

  ㅇ Canvas 요소 객체에 그림 그리기를 위해서는, 렌더링 컨텍스트 객체를 가져와야 함
     - getContext(인수);
        . 이때, 인수는 다음 2가지 : "2d", "webgl"

  ㅇ 렌더링 컨텍스트 객체메소드들
     - strokeRect(a,b,c,d) : 사각형 테두리 그리기
        . a,b : x,y 좌표, c,d : 너비,높이
     - (...)

  ㅇ (...)

HTML5
   1. HTML5   2. Drag and Drop   3. 웹 워커   4. Blob 객체   5. File 객체   6. 웹 스토리지   7. 캔버스  


Copyrightⓒ written by 차재복 (Cha Jae Bok)               기술용어해설 후원
"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"