canvas2 [JS] JavaScript로 canvas상에 드래그로 선 그리기 안녕하세요. canvas 두번째 포스팅입니다. 오늘은 canvas에 드래그로 선 그리는 예제를 공유합니다. 컨버스상에 그리는 기능을 사용하는 간단한 개념에 대한 설명은 이전의 사각형 그리기 포스팅을 참고해주시면 감사하겠습니다. 2021.05.31 - [웹개발/Java & JavaScript] - [JS] JavaScript로 canvas상에 사각형 그리기 [JS] JavaScript로 canvas상에 사각형 그리기 안녕하세요. 오늘은 HTML canvas 엘리먼트상에 사각형을 그리는 예제를 공유해볼까합니다. canvas란?? canvas란 웹 상에서 그래픽을 그리기 위한 엘리먼트로 2D, 3D 그래픽을 그릴 baekh-93.tistory.com canvas에 선 그리기 먼저 선을 그릴때도 사각형과 같이 .. 웹개발/Java & JavaScript 2021. 6. 1. [JS] JavaScript로 canvas상에 드래그로 사각형 그리기 안녕하세요. 오늘은 HTML canvas 엘리먼트상에 사각형을 그리는 예제를 공유해볼까합니다. canvas란?? canvas란 웹 상에서 그래픽을 그리기 위한 엘리먼트로 2D, 3D 그래픽을 그릴 때 주로 사용합니다. 사용 예 로는 다음, 카카오, 구글의 지도를 띄울 때 canvas element를 사용하기도하고 그림판 또는 웹상에서 이미지를 편집할 때 주로 사용합니다. canvas 상에 사각형 그리기 먼저 canvas에서 사각형을 그리기 위해 알아야하는 것들을 정리해보면 1. 엘리먼트 만들기 - 원하는 크기로 html 소스상에 를 생성합니다. 2. 2D 렌더링 컨텍스트 객체 생성 엘리먼트 상에 드로잉영역을 생성하고, 출력할 컨텐츠를 다루기 위해서 2D 렌더링 컨텍스트 객체를 만들어 줘야 합니다. (그리.. 웹개발/Java & JavaScript 2021. 5. 31. 이전 1 다음
