javascript旋转翻译功能

Question

有人在 javascript 中有旋转后 x/y 位置的转换功能吗？

例如:

this.mousex = event.clientX - this.el.offsetLeft;
this.mousey = event.clientY - this.el.offsetTop;

给我鼠标位置，但是我的父 div 旋转了 x 度，这当然意味着 mousex/mousey 不正确。 javascript 是否有内置函数(不是我见过的，但是..)？

非常感谢

Answer 1

我刚刚为您写了以下内容，我已经用 (1,0,Math.PI/2) 和 (0,1,Math.PI/2) 进行了检查 并且有效。

function rotatePoints(x,y,angle){
   var point={};
   point.x = x*Math.cos(angle)- y*Math.sin(angle);
   point.y = x*Math.sin(angle) + y*Math.cos(angle);
   return point;
}

应该可以，请参阅 Rotation Matrix in Wikipedia

当然， Angular 应该以弧度为单位。您可以通过乘以 Math.PI 并除以 180 将度数转换为弧度。 Angular 是逆时针的，如果您想顺时针旋转，传递 -angle 或将 sin 更改为 -sin 应该可以。