MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

« SVG Attribute reference home

이 속성은 애니메이션의 interpolation 모드를 지정합니다. 기본 모드는 linear 이지만 속성이 linear interpolation을 지원하지 않으면(예: 문자열의 경우) calcMode 속성이 무시되고 discrete interpolation이 사용됩니다. 

Usage context

Categories Animation value attribute
Value discrete | linear | paced | spline
Animatable No
Normative document SVG 1.1 (2nd Edition)
discrete
이것은 애니메이션 함수가 interpolation 없이 하나의 값에서 다음 값으로 점프하도록 지정합니다.
linear
값 사이의 단순한 linear interpolation은 애니메이션 함수를 계산하는데 사용됩니다. <animateMotion>의 경우를 제외하고는 이것은 기본 값입니다.
paced
Defines interpolation to produce an even pace of change across the animation. This is only supported for values that define a linear numeric range, and for which some notion of "distance" between points can be calculated (e.g. position, width, height, etc.). If paced is specified, any keyTimes or keySplines will be ignored. For <animateMotion>, this is the default value.
spline
cubic Bézier spline에 정의된 시간 함수에 따라 values 목록의 한 값에서 다음 값으로 interpolation 합니다. spline의 점(point)은 keyTimes 속성에 정의되고,  각 간격의 제어점은 keySplines 속성에 정의됩니다.

예제

Elements

다음 요소에서 calcMode 속성을 사용할 수 있습니다.

문서 태그 및 공헌자

 이 페이지의 공헌자: tadkim
 최종 변경: tadkim,