d3.jsにパスを定義しましたが、正しく描画されますが、.getTotalLength（）は未定義です

Question

次のコードは、データからパスを生成します。

var path = gameBoard.append('path') 
    .attr("id", "snake" + snakeIndex) 
    .attr("d", interpolator(data)) 
    .attr('stroke-width', snakeStroke) 
    .attr('fill', 'none') 
    .attr('stroke', config.snakeColor); 

データによって定義された曲がりくねったパスが正しく描画されます。

var totalLength = path.getTotalLength(); 

さらにgetPointAlongLength（）が定義されていない次のいずれか：

var point = path.getPointAtLength(position); 

Answer 1

の代わりに：

var totalLength = path.getTotalLength(); 

それがなければならない

はここgetTotalLengthを（）定義されていない失敗します：

var totalLength = path.node().getTotalLength(); 

getTotalLength()はノードで動作しますが、pathはノードの配列であり、ノード自体ではありません。したがって、path.node()またはpath[0][0]を使用する必要があります。

Answer 2

はい、正しいオブジェクトを取得するためにpath.node（）を使用しなければならないことがわかりました。 d3.jsのドキュメントは非常に読みにくく、例はほとんどありません。