javascript - 使用 pathAnimator javascript 时出现 SVG 错误

Question

我正在尝试使用名为“pathAnimator”的 javascript 基本演示，which can be found here .

示例代码使用非常简单的 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 字符串中的错误还是这只是错误的代码？

Answer 1

easing 函数不返回值。尝试:

easing = function(t){ return t*(2-t); };