限制Javascript旋轉角度（使用Propeller.js）

Question

我想弄清楚如何使用propeller.js來限制圖像的旋轉角度。到目前爲止，如果我旋轉我的圖像兩次，我的輸出將讀爲720.我想這樣做，元素的輸出將重置爲0時，旋轉超過360.此外，我希望它不輸出負角如果我逆時針旋轉。例如從10要280

這裏是我目前在其中codepen：http://codepen.io/anon/pen/YyZaXK

$('img').propeller({inertia: 1, speed: 10,onRotate: function(){ console.log(this.angle); }}); 

有什麼建議？

謝謝！

Answer 1

想通了！

使用Modulo按照我想要的方式使其工作！

這是我補充的內容：

(degrees + 360) % 360 

這就造成：

$('img').propeller({inertia: 1, speed: 10,onRotate: function(){ console.log((this.angle + 360) % 360); }}); 

Answer 2

在Propeller.js源看去，發現了另一種解決方案。您可以設置爲零的角度，如果達到360：

onRotate: function(){ 
    if(this.angle===360) 
    { 
    this.virtualAngle = 0; 
    } 
    console.log(this.angle); 
} 

Answer 3

您也可以利用螺旋槳本身的normalizeAngle()方法：

onRotate: function() { 
    console.log(this.normalizeAngle(this.angle)); 
} 

這也避免了負角度。