如何撤销Velocity.js中的步骤

Question

有没有办法在velocity.js中将动画链接在一起，然后按顺序反转回来。我知道你可以反转最后一个链式速度动画，但是你如何逐步完成之前的调用。

例如：

// Animate an SVG element with a mix of standard CSS properties and SVG-specific properties.
$("#rect")
    .delay(500)
      .velocity({ x: "+=200", y: "25%" })
    .velocity({ fillGreen: 255, strokeWidth: 2 })
      .velocity({ height: 50, width: 50 })
    .velocity({ rotateZ: 90, scaleX: 0.5 })

.velocity("reverse", { delay: 250 });

这只会逆转最后一步，即旋转。你怎么能顺序颠倒其他人呢？

Answer 1

当前实现不可行，但是，您可以将上面的代码转换为＆＃34;序列＆＃34;调用并使用UI Pack的RunSequence() API，然后反转该数组并再次运行以获得相反的效果。