베지에 곡선 (Bezier Curve)
·
Develop
베지에 곡선(Bézier Curve) 이란 n개의 점으로부터 얻어지는 n-1차 곡선 이라고 위키피디아에 나와있습니다.딱히 그 정의가 중요한것은 아니고 우리는 이 곡선을 어떻게 그릴 것인가 가 중요합니다. 본 글에서는 html5 의 canvas 와 자바스크립트를 이용해 설명하도록 하겠습니다. 사실 html5의 canvas 나 svg 그외 많은 그래픽 라이브러리들이 베지에 곡선 그리기를 기본적으로 제공합니다.Canvas 기준으로 설명을 하면 Canvas 2D 의 컨텍스트 에는 세점을 이용하는 쿼드레틱(Quadratic Curve) 과 네 점을 이용하는 큐빅(Cubic Curve) 을 지원하는 메소드가 포함되어있습니다. 간단히 소개를 하자면 아래와 같습니다--위처럼 간단하게 세점 혹은 네점만 알면 알아서 계산..