如何从圆角中找到坐标

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);

<强> Live demo

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