ここで見つけることができる「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 文字列のエラーですか、それとも単なるコードの誤りですか?