레퍼런스 curveTangent()

curveTangent()

스플라인 곡선을 따라 접점 위의 좌표를 계산합니다.

접점은 곡선의 표면을 스쳐 지나갑니다. 탄젠트선의 기울기는 교차하는 지점에서 곡선의 기울기와 동일합니다.

curveTangent() 는 스플라인 곡선의 앵커 포인트(anchor point) 및 컨트롤 포인트(control point)를 사용하여 접점 위의 좌표를 계산합니다. It expects points in the same 이 함수는 curve() 함수와 동일한 순서로 포인트를 계산합니다. curveTangent() 는 하나의 축을 기준으로 작동합니다. 앵커 포인트 및 컨트롤 포인트의 x좌표를 전달하면 탄젠트선 위의 x좌표를 계산하고, 앵커 포인트 및 컨트롤 포인트의 y좌표를 전달하면, 접점 위의 y좌표를 계산합니다.

첫 번째 매개변수 a 는 첫 번째 컨트롤 포인트의 좌표입니다.

두 번째와 세 번째 매개변수 bc 는 앵커 포인트의 좌표입니다.

네 번째 매개변수 d 는 는 마지막 컨트롤 포인트의 좌표입니다.

다섯 번째 매개변수 t 는 곡선을 따라 보간할 양입니다. 0은 첫 번째 앵커 포인트이고 1은 두 번째 앵커 포인트이며, 0.5는 그 중간 지점입니다.

예제

구문

curveTangent(a, b, c, d, t)

매개변수

a
Number:

첫 번째 컨트롤 포인트의 좌표.

b
Number:

첫 번째 앵커 포인트의 좌표.

c
Number:

두 번째 앵커 포인트의 좌표.

d
Number:

두 번째 컨트롤 포인트의 좌표.

t
Number:

0과 1 사이에서 보간할 양.

Returns

Number: 접점 선상의 한 점의 좌표.
Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/curves.js and open a pull request!

관련 레퍼런스