如何从圆的角度找到坐标

J26*_*261 2 javascript canvas limit coords html5-canvas

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

在此输入图像描述

我正在使用 JavaScript 和画布。

小智 6

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

找到角度:

var diffX = mouseX - centerX;
var diffY = mouseY - centerY;
var angle = Math.atan2(diffY, diffX);
Run Code Online (Sandbox Code Playgroud)

要找到新点,请使用该角度和半径:

var x = cx + radius * Math.cos(angle);
var y = cy + radius * Math.sin(angle);
Run Code Online (Sandbox Code Playgroud)

现场演示