Javascript 将鼠标旋转限制为特定角度
我有一个基于鼠标位置旋转的DIV,这里是小提琴: 而JS: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);
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; }