베지에 곡선 (Bézier curve)
베지에 곡선 ([bezje]로 발음합니다)은 컴퓨터 그래픽과 애니메이션에 사용되는 수학적으로 표현된 곡선입니다. 벡터 이미지에선, 크기를 무한으로 조정할 수 있는 부드러운 곡선을 모델링하는 데 사용됩니다.
곡선은 최소 2개의 제어점 세트로 정의됩니다. 웹 관련 그래픽과 애니메이션에서는 종종 4개의 제어점(P0, P1, P2, 및 P3)이 있는 곡선인 직육면체 베지어 곡선을 사용합니다.
2차 베지어 곡선을 그리려면 두 개의 가상 선을 그립니다. 하나는 P0 to P1로, 다른 하나는 P1 to P2로 그려줍니다. 첫 번째 도우미 선의 시작점과 두 번째 도우미 선의 끝점이 꾸준히 이동하면서 세 번째 가상의 선이 그려집니다. 이 가상의 선에는 시작점에서 끝점까지 꾸준히 움직이는 점이 그려집니다. 이 점이 그려주는 곡선이 베지어 곡선입니다. 다음은 곡선의 생성되는 모습을 보여주는 애니메이션입니다.
같이 보기
- 위키백과의 베지에 곡선
- CSS의 입방체 베지어 곡선의 완화 함수
keySplines
SVG 속성