Javascript 将鼠标旋转限制为特定角度

Javascript 将鼠标旋转限制为特定角度,javascript,jquery,Javascript,Jquery,我有一个基于鼠标位置旋转的DIV,这里是小提琴: 而JS: var img = $('.image'); if(img.length > 0){ var offset = img.offset(); function mouse(evt){ var center_x = (offset.left) + (img.width()/2); var center_y = (offset.top) + (img.height()/2);

我有一个基于鼠标位置旋转的DIV,这里是小提琴:

而JS:

var img = $('.image');
if(img.length > 0){
    var offset = img.offset();
    function mouse(evt){
        var center_x = (offset.left) + (img.width()/2);
        var center_y = (offset.top) + (img.height()/2);
        var mouse_x = evt.pageX; var mouse_y = evt.pageY;
        var radians = Math.atan2(mouse_x - center_x, mouse_y - center_y);
        var degree = (radians * (180 / Math.PI) * -1) + 90;
        img.css('-webkit-transform-origin', '15px 50%');
        img.css('-moz-transform', 'rotate('+degree+'deg)');
        img.css('-webkit-transform', 'rotate('+degree+'deg)');
        img.css('-o-transform', 'rotate('+degree+'deg)');
        img.css('-ms-transform', 'rotate('+degree+'deg)');
    }
    $(document).mousemove(mouse);
}
首先,我要说的是代码取自另一篇文章。问题是我想限制DIV的旋转75度


我想说的是,潜水艇不能在自己后面。提前谢谢

在设置css之前,只需添加以下内容:

if( Math.abs(degree) >= 75) { return; }