1

我正在尝试使用名为“pathAnimator”的 javascript 的基本演示，可以在此处找到。

示例代码使用一个非常简单的 SVG 字符串进行演示。但即使是这个基本示例也会产生 SVG 错误：

Argument 1 of SVGPathElement.getPointAtLength is not a finite floating-point value.

演示代码如下：

var path = "M150 0 L75 200 L225 200 Z"; // an SVG path
    pathAnimator = new PathAnimator( path ),    
    speed = 6,              
    reverse = false,        
    startOffset = 0,        
    easing = function(t){ t*(2-t) };

pathAnimator.start( speed, step, reverse, startOffset, finish, easing);

function step( point, angle ){
    // do something every "frame" with: point.x, point.y & angle
}

function finish(){
    // do something when animation is done
}

这是 SVG 字符串中的错误还是只是错误的代码？

4

1 回答 1

0

该easing函数不返回值。尝试：

easing = function(t){ return t*(2-t); };
于 2013-11-11T17:47:54.560 回答