Canvas   캔버스

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 : 너비,높이
     - (...)

  ㅇ (...)