限制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)); 
} 

这也避免了负角度。