스플라인 곡선을 따라 접점 위의 좌표를 계산합니다.
접점은 곡선의 표면을 스쳐 지나갑니다. 탄젠트선의 기울기는 교차하는 지점에서 곡선의 기울기와 동일합니다.
curveTangent()
는 스플라인 곡선의 앵커 포인트(anchor point) 및 컨트롤 포인트(control point)를 사용하여 접점 위의 좌표를 계산합니다. It expects points in the same 이 함수는 curve() 함수와 동일한 순서로 포인트를 계산합니다. curveTangent()
는 하나의 축을 기준으로 작동합니다. 앵커 포인트 및 컨트롤 포인트의 x좌표를 전달하면 탄젠트선 위의 x좌표를 계산하고, 앵커 포인트 및 컨트롤 포인트의 y좌표를 전달하면, 접점 위의 y좌표를 계산합니다.
첫 번째 매개변수 a
는 첫 번째 컨트롤 포인트의 좌표입니다.
두 번째와 세 번째 매개변수 b
와 c
는 앵커 포인트의 좌표입니다.
네 번째 매개변수 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!