qooxdoo - 如何让旋转动画在每次点击时旋转 90 度？

Question

我有一个名为turnWheel：

turnWheel : function() {
    var el = this.getContainerElement().getDomElement();
    qx.bom.element.Animation.animate(el, {
        duration: 300, 
        timing: "linear", 
        keep: 100, 
        origin: "50% 50%",
        keyFrames : {
          0: {rotate: "0deg"},
          50: {rotate: "45deg"},
          100 : {rotate : "90deg"}
        }
    });
}

但是当我执行时turnWheel，它会将图像旋转 90 度。但如果我再次执行，图像会回到原来的位置并旋转相同的 90 度。我想要实现的是，图像在每次点击时转动 90 度，并在第二次点击时移动到下一个 90 度，依此类推。

我错过了什么？

Answer 1

您可以在每次调用该方法时读取旋转的前一个值或简单地通过存储外部计数器来计算旋转。查看 Playground 示例（如果已创建）以向您展示一个可行的解决方案：

http://tinyurl.com/ox653l5