javascript - HTML Canvas 从坐标获取 Angular

Question

我在 Canvas 内有一个圆圈(宽度:200；高度:200)和一个鼠标移动事件，它应该使悬停点与圆心的 Angular (x:100；y: 100).我怎样才能得到这个 Angular ？

Answer 1

您需要找出鼠标位置(称为 mouseX、mouseY)与圆心 100,100 之间的差值。

var dx = mouseX - 100;
var dy = mouseY - 100;

然后使用 bit of trigonometry找到 Angular :

var angle = Math.atan2(dy, dx);