Front-End/Canvas (1) 썸네일형 리스트형 [Canvas] Canvas 태그 와 기본 작동 순서 목차) 1. Canvas 태그란? 2. 기본 작동 순서 1) 요소 선택 2) getContext() 3) beginPath() 3. 정리 1. Canvas 태그란? HTML5 에서 도입되었으며, 그래픽을 그리기 위한 요소이다. Javascript를 사용하여 동적인 그래픽과 애니메이션을 생성할 수 있다. Canvas 태그는 그리기 영역을 제공해주는 것이며, 픽셀 기반의 그래픽 처리를 지원한다. 2. 기본 작동 순서 React를 활용하여 Canvas 태그를 작동시키려고 한다. canvas tag를 사용하기 위한 기본적인 순서와 간단한 기능을 알아보자. 1) 요소 선택 (useRef) 먼저 어떤 canvas에 그래픽을 그릴지 선택해야 한다. React [ useRef ]는 DOM요소에 접근하여 해당 요소를 .. 이전 1 다음
