calcMode
calcMode å±æ§ã¯ããã®ã¢ãã¡ã¼ã·ã§ã³ã®è£éã¢ã¼ããæå®ãã¾ãã
ããã©ã«ãã®ã¢ã¼ã㯠linear ã§ãããå±æ§ãç·å½¢è£éã«å¯¾å¿ãã¦ããªãå ´åï¼æååãªã©ï¼ãcalcMode å±æ§ã¯ç¡è¦ãããé¢æ£è£éã使ç¨ããã¾ãã
ãã®å±æ§ã¯ã以ä¸ã® SVG è¦ç´ ã§ä½¿ç¨ãããã¨ãã§ãã¾ãã
使ç¨ä¸ã®ã¡ã¢
| å¤ |
discrete | linear | paced |
spline
|
|---|---|
| ããã©ã«ãå¤ | linear |
| ã¢ãã¡ã¼ã·ã§ã³ | ä¸å¯ |
discrete-
ãã®ã¢ãã¡ã¼ã·ã§ã³é¢æ°ã¯ãè£éå¦çãè¡ããã«ãããå¤ãã次ã®å¤ã¸ã¨ç´æ¥ç§»åãããã¨ãæå®ãã¾ãã
linear-
å¤éã®åç´ãªç·å½¢è£éå¦çã使ç¨ãã¦ãã¢ãã¡ã¼ã·ã§ã³é¢æ°ãè¨ç®ãã¾ãã
<animateMotion>ãé¤ãããããããã©ã«ãå¤ã§ãã paced-
ã¢ãã¡ã¼ã·ã§ã³å ¨ä½ãéãã¦å¤åã®é²è¡ãåä¸ã«ããããã®è£éå¦çãå®ç¾©ãã¾ããããã¯ãç·å½¢ã®æ°å¤ç¯å²ãå®ç¾©ããå¤ããã¤ç¹éã®ãè·é¢ããè¨ç®ã§ããå¤ï¼ä½ç½®ãå¹ ãé«ããªã©ï¼ã«å¯¾ãã¦ã®ã¿å¯¾å¿ãã¦ãã¾ããpaced ãæå®ãããå ´åã
keyTimesã¾ãã¯keySplinesã¯ç¡è¦ããã¾ãã<animateMotion>ã§ã¯ããããããã©ã«ãå¤ã§ãã spline-
valuesãªã¹ãå ã®åå¤ãã次ã®å¤ã¸ã¨ãä¸æ¬¡ãã¸ã§ã¹ãã©ã¤ã³ã§å®ç¾©ãããæéé¢æ°ã«å¾ã£ã¦è£éãè¡ãã¾ããã¹ãã©ã¤ã³ã®ç¹ã¯keyTimeså±æ§ã§å®ç¾©ãããããããã®åºéã®å¶å¾¡ç¹ã¯keySplineså±æ§ã§å®ç¾©ããã¾ãã
ä»æ§æ¸
| ä»æ§æ¸ |
|---|
| SVG Animations Level 2 # CalcModeAttribute |