javascript - 大约等于 Javascript 中的函数？

Question

好的，我有一个 HTML Canvas ，上面有一堆圆圈。我想要圆圈上的鼠标点击事件来触发一些 Javascript 函数。我已经掌握了基础知识，但坐标显然非常精确，我花了大约 30 次才找到某个圆的精确坐标。

有没有办法实现“大约等于”；换句话说，我希望鼠标点击的 x 和 y 在它非常接近(比如说 10px) Canvas 上某物的坐标时触发一个函数？

谢谢

亚历克斯

Answer 1

你可以使用类似这样的东西来测试一个点是否在另一个点的特定半径内:

function withinRadius (x1, y1, x2, y2, radius) {
 var dX = x1 - x2, dY = y1 - y2;
 return ((dX*dX) + (dY*dY) < radius*radius);
 }