为什么等持续时间d3转换不同步?

时间:2015-11-26 10:54:26

标签: javascript d3.js svg

Here是一个简单的bl.ock,展示了这个问题。

在此动画中,线条的过渡与圆圈过渡的持续时间相同。尽管它们的持续时间相等,但在20秒动画过程中,线条的尖端看起来比圆圈移动得快。

屏幕截图分别显示了开始(左)和过渡结束(右)的效果。

enter image description here

为什么这两个转换不同步?

1 个答案:

答案 0 :(得分:3)

这个问题似乎不是由于转换不同步,而是由路径上点的位置计算引起的。特别是,它出现在this reduced example中,没有并发转换,并且最初在the transition is reversed时也可见。

此效果显示在FF 42和Chrome 46中,但不显示在IE 11中。