This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

베지에 곡선 (Bézier curve)

베지에 곡선 ([bezje]로 발음합니다)은 컴퓨터 그래픽과 애니메이션에 사용되는 수학적으로 표현된 곡선입니다. 벡터 이미지에선, 크기를 무한으로 조정할 수 있는 부드러운 곡선을 모델링하는 데 사용됩니다.

곡선은 최소 2개의 제어점 세트로 정의됩니다. 웹 관련 그래픽과 애니메이션에서는 종종 4개의 제어점(P0, P1, P2, 및 P3)이 있는 곡선인 직육면체 베지어 곡선을 사용합니다.

2차 베지어 곡선을 그리려면 두 개의 가상 선을 그립니다. 하나는 P0 to P1로, 다른 하나는 P1 to P2로 그려줍니다. 첫 번째 도우미 선의 시작점과 두 번째 도우미 선의 끝점이 꾸준히 이동하면서 세 번째 가상의 선이 그려집니다. 이 가상의 선에는 시작점에서 끝점까지 꾸준히 움직이는 점이 그려집니다. 이 점이 그려주는 곡선이 베지어 곡선입니다. 다음은 곡선의 생성되는 모습을 보여주는 애니메이션입니다.

베지에 곡선 그리기