Javascript D3动画速度控制

Javascript D3动画速度控制,javascript,animation,svg,d3.js,Javascript,Animation,Svg,D3.js,我已经用javascript写了一些动画技巧,你可以访问进行演示 我的问题是如何确保圆以恒定速度运动。也许它可以称为平均速度 为了满足stackoverflow的需求,我应该发布一些代码,以便可以通过链接将问题发布到JSFIDLE function move(){ for(var i = 0;i < Spot.length;++i){ var time = randomGenerator(4000,8000); Spot[i].transition(

我已经用javascript写了一些动画技巧,你可以访问进行演示

我的问题是如何确保圆以恒定速度运动。也许它可以称为平均速度

为了满足stackoverflow的需求,我应该发布一些代码,以便可以通过链接将问题发布到JSFIDLE

function move(){
    for(var i = 0;i < Spot.length;++i){
        var time = randomGenerator(4000,8000);
        Spot[i].transition().duration(time)
            .attrTween("transform",translateAlong(d3.select("#path" + i).node(),i))
            .each("end",move);
    }
}
函数移动(){
对于(变量i=0;i
如果您希望每次移动都以稳定的速率发生,则需要使用“线性”。如果您想以相同的速度移动所有形状,则必须根据每个元素的路径长度(时间=长度*1/速度)计算时间(过渡持续时间)。@AmeliaBR非常感谢:),很抱歉我的知识贫乏。