Merge pull request #62 from godswearhats/hats-dev

Fixes bug #50

Author: godswearhats

README.md

@@ -69,7 +69,8 @@ The start, rotate and stop callbacks provide the following in the ui argument of
 * `element`: The jQuery element being rotated.
 * `angle`: An object containing information about the rotation angle, with the following keys:
   * `start`: The angle at the begining of the rotation.
-  * `current`: The current angle of the rotation.
+  * `current`: The current angle of the rotation in radians.
+  * `degrees`: The current angle of the rotation in degrees.
   * `stop`: The angle at the end of the rotation.
 
 Note that you should define a height and width for anything that you make rotatable, as the rotation happens around the center point of the element, and when you don't define these things, it could look and feel a little a strange. Alternatively, specify the center of rotation as mentioned earlier.

jquery.ui.rotatable.js

@@ -92,7 +92,7 @@
       var previousRotateAngle = this.elementCurrentAngle
       this.elementCurrentAngle = rotateAngle
 
-        // Plugins callbacks need to be called first.
+      // Plugins callbacks need to be called first.
       this._propagate('rotate', event)
 
       if (this._propagate('rotate', event) === false) {
@@ -170,6 +170,7 @@
         angle: {
           start: this.elementStartAngle,
           current: this.elementCurrentAngle,
+          degrees: this._angleInDegrees(this.elementCurrentAngle),
           stop: this.elementStopAngle
         }
       }
@@ -183,7 +184,7 @@
 
     // calculates the degrees for a given angle in radians
     _angleInDegrees: function (radians) {
-      return radians * 180 / Math.PI
+      return Math.abs(radians) * 180 / Math.PI
     },
 
     // calculates the center of the element