Javascript d3.js：与另一个动画中的移动对象相遇的动画

我使用D3.js在SVG中为对象的移动设置动画

当移动对象接近其目标时，我希望看到线从目标附近延伸到对象。这些线应该增长，直到它们到达移动的对象，然后在它继续接近其目标时保持连接

结果应该看起来像是有藤蔓伸出手来触摸和引导接近的物体在其接近的最后一步

我该怎么做

有没有一种方法可以直接进行转换

如果没有，是否有方法告诉转换，它应该使用给定的函数根据转换中已经经过的时间量来确定线的坐标

我想后者应该是这样的，但它不起作用：

line.transition()
    .duration(durationOfGrowthAndDragging)
    .attr('x2', function(d, t) {
            frac = Math.min(1, t / timeBeforeConnectionsReachIncomingNode);
            x = x1 + (parseFloat(node.attr('cx')) - x1) * frac;
            return x;
        })
        .attr('y2', function(d, t) {
            frac = Math.min(1, t / timeBeforeConnectionsReachIncomingNode);
            y = y1 + (parseFloat(node.attr('cy')) - y1) * frac;
            return y;
        })