Web API - Canvas 기본 사용법 - 웹 페이지에서 캔버스로 원하는 위치에 직선 그리기

Overview 이번 포스팅에서는... 캔버스의 기본을 이해하고 캔버스 2D 컨텍스트 설정 방법을 알게되고 캔버스 위에 마우스로 클릭하여 원하는 위치에 직선을 생성하는 것을 다룹니다. 캔버스 (Canvas) HTML5에서 추가된 요소 중 하나 스크립트(보통은 자바스크립트)를 사용하여 그림을 그리는 데에 사용 예) 그래프 그리기, 사진 합성, 애니메이션 등 다양한 그래픽 만들기 캔버스에 드로잉(Drawing) 영역을 생성하고 하나 이상의 렌더링 컨텍스트를 노출하여 출력할 컨텐츠를 생성 그래프 만들기, 도형 그리기 등 : 2D 렌더링 컨텍스트 WebGL, OpenGL ES 기반 : 3D 렌더링 컨텍스트 즉, 자바스크립트를 사용하여 캔버스의 렌더링 컨텍스트에 접근하여 콘텐츠를 생성하는 기능을 가짐 캔버스 요소..