calcMode

Β« 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 속성을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.