使用keySpline属性时,<animatemotion>不适用于路径

时间:2017-05-31 02:19:32

标签: svg jquery-animate

我正在尝试使用keySpline属性来控制SVG中描述的路径的运动,但它似乎不起作用,我不知道为什么。 当对象被描述为或者有许多例子时,“值”的属性控制着形状的坐标,但是当我使用路径时...我不知道该怎么做。这是我的代码:

<path d="M64.5,17 C69.1944204,17 73,13.1944204 73,8.5 C73,3.80557963 69.1944204,0 64.5,0 C59.8055796,0 56,3.80557963 56,8.5 C56,13.1944204 59.8055796,17 64.5,17 Z" id="right-dot">
                     <animateMotion 
                     path="M0,0 L0,-84.5"
                     dur="1s" 
                     repeatCount="indefinite" 
                     keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" 
                     keySplines="
                     0.1 0.8 0.3 1;
                     0.1 0.2 0.3 1;
                     0.1 0.8 0.3 1;
                     0.1 0.5 0.3 1;
                     " 
                     calcMode="spline"
                     > 

                </path>

0 个答案:

没有答案