微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

enter image description here

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

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

解决方法

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

radius

分别

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。