javascript - 查找饼图的特定部分

Question

我有一个在 HTML5 画布中绘制的饼图。我在鼠标悬停时检索点 (X,Y)。现在我想知道点 (X,Y) 是否在饼图的哪个切片中。 .

笔记 ：

1. 我已经发现 Point(X,Y) 是否在饼图中

已知值：

1. 饼图中心 (Cx,Cy)
2. 每个圆弧或切片的开始和结束角度
3. 饼图半径 (R)
4. 圆弧或切片的起点和终点

Answer 1

所以，我们知道切片开始的角度。我们知道中心和点 (x,y)。

假设原点是 (0,0) ，我们从那里画一条线到点 (x,y) 。x 轴与直线之间的夹角为tan^-1(y/x)。

一旦我们知道了角度，就可以通过简单的计算来查看它位于哪个弧段之间，因为我们知道每个切片的开始和结束角度。

如果原点不是 (0,0)，您可以通过一些简单的数学来实现。