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