JAVASCRIPT Canvas

Canvas는 JavaScript와 HTML<canvas> 엘리먼트를 통해 그래픽을 그리기 위한 요소이다. 이는 주로 2D그래픽에 중점을 두고 있다.

캔버스는 직사각형을 기본으로 제공하며 많은 기능들을 제공하지만 사용하는 것이 간단하지 않은 편이다.

 

캔버스를 생성할 때에는 HTML 문서 내에 <canvas>태그를 추가하며 이 때 width와 height 속성을 지정하여 캔버스의 크기를 설정할 수 있다.

캔버스에 그림을 그리기 위해서는 캔버스에 그림을 그릴 "도화지" 역할을 하는 context 객체를 생성해야 한다. 생성 할때는 캔버스의 getContext()메서드를 이요하면된다. 주로 2d그래픽을 다룰 때는 getContext('2d')메소드를 사용한다.