그림판예제1

• [JS] JavaScript로 canvas상에 드래그로 사각형 그리기 안녕하세요. 오늘은 HTML canvas 엘리먼트상에 사각형을 그리는 예제를 공유해볼까합니다. canvas란?? canvas란 웹 상에서 그래픽을 그리기 위한 엘리먼트로 2D, 3D 그래픽을 그릴 때 주로 사용합니다. 사용 예 로는 다음, 카카오, 구글의 지도를 띄울 때 canvas element를 사용하기도하고 그림판 또는 웹상에서 이미지를 편집할 때 주로 사용합니다. canvas 상에 사각형 그리기 먼저 canvas에서 사각형을 그리기 위해 알아야하는 것들을 정리해보면 1. 엘리먼트 만들기 - 원하는 크기로 html 소스상에 를 생성합니다. 2. 2D 렌더링 컨텍스트 객체 생성 엘리먼트 상에 드로잉영역을 생성하고, 출력할 컨텐츠를 다루기 위해서 2D 렌더링 컨텍스트 객체를 만들어 줘야 합니다. (그리.. 웹개발/Java & JavaScript 2021. 5. 31.