D3.js在框架上的過渡回調

Question

有誰知道我可以如何完成每幀回調與D3的過渡。這是我目前正在做的事情和例子。

link.transition() 
    .duration(duration) 
    .attr("d", diagonal) 
    .each("end",function(e) { 
     if(e.target.id == current) 
      show_tooltip(e.target) 
    }); 

這當前在動畫結束時調用每個元素的匿名函數。我想爲每一幀都打電話。

Answer 1

您可以註冊一個自定義補間，該補間返回您想要每次打勾調用的函數。

link.transition() 
    .duration(duration) 
    .attr("d", diagonal) 
    .tween("side-effects", function() { 
    return function() { 
     console.log(d3.select(this), "tick"); 
    } 
    }); 

Answer 2

據當時https://github.com/mbostock/d3/wiki/Transitions#timers

的D3文檔定時器隊列將回調requestAnimationFrame

你應該能夠用它來實現你的過渡。