Here是演示问题的简单bl.ock。
在此动画中,线的过渡与圆的过渡具有相同的持续时间。尽管持续时间相等,但在20秒的动画过程中,直线的尖端似乎比圆圈快。
屏幕截图分别显示了过渡的开始(左)和结束(右)的效果。
为什么这两个转换不同步?
最佳答案
这个问题似乎不是由过渡不同步引起的,而是由路径上点的位置的计算引起的。特别是,它发生在没有并发过渡的this reduced example中,并且最初在the transition is reversed时也可见。
FF 42和Chrome 46中会显示此效果,而IE 11中不会显示。