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> (en-US)์˜ ๊ฒฝ์šฐ๋ฅผ ์ œ์™ธํ•˜๊ณ ๋Š” ์ด๊ฒƒ์€ ๊ธฐ๋ณธ ๊ฐ’์ž…๋‹ˆ๋‹ค.
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 (en-US) will be ignored. For <animateMotion> (en-US), this is the default value.
spline
cubic Bรฉzier spline์— ์ •์˜๋œ ์‹œ๊ฐ„ ํ•จ์ˆ˜์— ๋”ฐ๋ผ values ๋ชฉ๋ก์˜ ํ•œ ๊ฐ’์—์„œ ๋‹ค์Œ ๊ฐ’์œผ๋กœ interpolation ํ•ฉ๋‹ˆ๋‹ค. spline์˜ ์ (point)์€ keyTimes ์†์„ฑ์— ์ •์˜๋˜๊ณ ,  ๊ฐ ๊ฐ„๊ฒฉ์˜ ์ œ์–ด์ ์€ keySplines (en-US) ์†์„ฑ์— ์ •์˜๋ฉ๋‹ˆ๋‹ค.

์˜ˆ์ œ

Elements

๋‹ค์Œ ์š”์†Œ์—์„œ calcMode ์†์„ฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.