【发布时间】:2013-05-29 20:34:22
【问题描述】:
我有一个在 HTML5 画布中绘制的饼图。我在鼠标悬停时检索点 (X,Y)。现在我想知道点 (X,Y) 是否在饼图..
注意:
- 我已经找到了 Point(X,Y) 是否在饼图中
已知值:
- 饼图中心 (Cx,Cy)
- 每个圆弧或切片的开始和结束角度
- 饼图半径 (R)
- 圆弧或切片的起点和终点
【问题讨论】:
标签: javascript html html5-canvas pie-chart
我有一个在 HTML5 画布中绘制的饼图。我在鼠标悬停时检索点 (X,Y)。现在我想知道点 (X,Y) 是否在饼图..
注意:
已知值:
【问题讨论】:
标签: javascript html html5-canvas pie-chart
所以,我们知道切片开始的角度。我们知道中心和点 (x,y)。
假设原点是 (0,0) 并且我们从那里画一条线到点 (x,y) 。 x 轴与直线的夹角为tan^-1(y/x)。
一旦我们知道了角度,就可以通过简单的计算来查看它位于哪个弧段之间,因为我们知道每个切片的开始角度和结束角度。
如果原点不是 (0,0),您可以通过一些简单的数学计算。
【讨论】: