D3动画速度控制

时间:2014-04-01 03:02:03

标签: javascript animation svg d3.js

我已经使用javascript动画技巧写了一些东西,你可以访问Demonstration page进行演示。

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

为了满足stackoverflow的需求,我应该发布一些代码,以便发布带有jsfiddle链接的问题!

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);
    }
}

0 个答案:

没有答案