javascript - 如何从圆的角度找到坐标

Question

我试图在图像中找到红点的坐标，我有鼠标坐标、初始点和收音机，但我不知道如何找到红点的坐标。

我正在使用 JavaScript 和画布。

Answer 1

• 首先找到鼠标点与圆心的夹角
• 然后使用该角度和圆半径计算所需的点

要找到角度：

var diffX = mouseX - centerX;
var diffY = mouseY - centerY;
var angle = Math.atan2(diffY, diffX);

要找到新点，请使用该角度和半径：

var x = cx + radius * Math.cos(angle);
var y = cy + radius * Math.sin(angle);

现场演示

Answer 2

首先找到鼠标和点之间的角度。

dx = mouseCoordX - coordX;
dy = mouseCoordY - coordY;
angle = Math.atan2(dy, dx);

二、找到红点的坐标

coordToFindX = coordX+ Math.cos(angle ) * radio
coordToFindY = coordY + Math.sin(angle ) * radio