如何讓旋轉動畫每次點擊旋轉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

您可以在每次調用方法時計算旋轉角度，既可以讀取旋轉的前一個值，也可以通過存儲外部計數器。如果已創建操場示例以顯示工作解決方案，請查看操場示例：

http://tinyurl.com/ox653l5