javascript - 如何在 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

但是，对于当前的实现是不可能的，您可以将上述代码转换为调用的“序列”并使用UI PackRunSequence()的API，然后反转该数组并再次运行它以获得相反的效果。