Javascript 绕图元顺时针（仅）旋转

我正在处理一个项目，使用以下代码将一个元素拖动到另一个圆形元素周围：

我需要修改它，使它只在一个方向上旋转，顺时针或逆时针

---

当我被难倒时，有没有关于如何处理它的建议。

只需跟踪以前的旋转角度，并且仅在结果大于以前的旋转角度时调整css：

 var previousCssDegs = 45;
 var clockwise = true; // set false for anti-clockwise

 function rotateAnnotationCropper() {
     // snip
     var cssDegs = convertThetaToCssDegs(theta);

     var isClockwise = 
         (
             cssDegs > previousCssDegs 
             && cssDegs - previousCssDegs < 20 // disallow to move from -80 to 80
         )
         || cssDegs < -80 && previousCssDegs > 80 // allow to move pass 90 > -90
     ;
     if(isClockwise == clockwise) {
          var rotate = 'rotate(' +cssDegs + 'deg)';
          cropper.css({'-moz-transform': rotate, 'transform' : rotate, '-webkit-transform': rotate, '-ms-transform': rotate});
          previousCssDegs = cssDegs;
     }
     $('body').on('mouseup', function(event){ $('body').unbind('mousemove')});
 }

var-previousCssDegs=45；
var顺时针=真；//逆时针方向设置为false
函数rotateannotationcrapper（）{
//剪断
var cssDegs=转换塔cssDegs（θ）；
变量IsClock=
(
cssDegs>以前的cssDegs
&&cssDegs-以前的cssDegs<20//不允许从-80移动到80
)
||cssDegs<-80&&previousCssDegs>80//允许移动通行证90>-90
;
如果（顺时针==顺时针）{
变量旋转='旋转（'+cssDegs+'度）'；
css（{'-moz transform'：rotate，'transform'：rotate，'-webkit transform'：rotate，'-ms transform'：rotate}）；
先前的cssDegs=cssDegs；
}
$（'body'）.on（'mouseup'，函数（事件）{$（'body'）.unbind（'mousemove'）}）；
}

 var previousCssDegs = 45;
 var clockwise = true; // set false for anti-clockwise

 function rotateAnnotationCropper() {
     // snip
     var cssDegs = convertThetaToCssDegs(theta);

     var isClockwise = 
         (
             cssDegs > previousCssDegs 
             && cssDegs - previousCssDegs < 20 // disallow to move from -80 to 80
         )
         || cssDegs < -80 && previousCssDegs > 80 // allow to move pass 90 > -90
     ;
     if(isClockwise == clockwise) {
          var rotate = 'rotate(' +cssDegs + 'deg)';
          cropper.css({'-moz-transform': rotate, 'transform' : rotate, '-webkit-transform': rotate, '-ms-transform': rotate});
          previousCssDegs = cssDegs;
     }
     $('body').on('mouseup', function(event){ $('body').unbind('mousemove')});
 }