如何通过查看鼠标光标找到基于圆边的x，y坐标

问题描述

我正在尝试根据鼠标位置根据圆角内的三角函数找到x，y坐标。

从gif图像中可以看到，随着鼠标的移动，当我的鼠标绕椭圆移动时，三角形的尖端始终指向圆的边缘。

我正在使用P5.js，我想知道如何编写它，并希望您能带我逐步了解三角函数背后的知识，所以我可以利用这些知识并尝试更多的可视化编程思想头。

解决方法

计算从圆心（javax.net.debug=ssl ，cx）到鼠标位置（p5.Vector，createVector()）的向量。分别使用setMag() {{3}}表示向量，并通过{{3}}将向量的大小更改为圆的cy：

radius

分别

let v = createVector(mouseX - cx,mouseY - cy).setMag(radius);
let px = v.x + cx;
let py = v.y + cy;