d3过渡过程中的返回位置

Question

我有一个在5秒内从x=0移动到x=100的元素，有弹性放松。

d3.select(this).transition()
    .duration(5000)
    .ease('elastic')
    .attr("x",100);

在这个过渡过程中，是否有一种方法可以返回元素的位置“一帧一帧”？

Answer 1

您可以手动attrTween并在返回转换属性：演示的正确值的同时产生副作用。

d3.select(this).transition()
    .duration(5000)
    .ease('elastic')
    .attrTween('x', function (d, i, a) {
         return function (t) {
             var ip_value = d3.interpolate(a, 100)(t);
             sideEffect(ip_value);
             return ip_value;
         };
     });