我已經在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); 

數據定義的曲線路徑正確繪製。

這裏失敗getTotalLength（）沒有被定義：

var totalLength = path.getTotalLength(); 

此外沒有定義getPointAlongLength（）或者：

var point = path.getPointAtLength(position); 

Answer 1

代替：

var totalLength = path.getTotalLength(); 

它必須是：

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

getTotalLength()在節點上工作，但path是節點數組，而不是節點本身。所以，你必須使用path.node()或path[0][0]。

Answer 2

是的，我發現我不得不使用path.node（）來獲得正確的對象。 d3.js文檔非常難以閱讀，只有幾個例子。