相关疑难解决方法(0)

如何在html5画布上绘制圆形扇区?

我试图在canvas元素上制作一种饼图形状,但是我似乎无法找到任何单独执行此操作的函数.我似乎只能绘制完整的圆圈和片段.是否有捷径可寻?

(另见:关于圈子术语的维基百科)

html5 geometry canvas sector geometric-arc

15
推荐指数
1
解决办法
2万
查看次数

获取相对于饼图的鼠标位置(等式)

我已经从一组数据创建了一个画布饼图,我现在正试图找到相对于饼图的鼠标位置,以检测哪些数据部分正在悬停.我几乎在那里,但我被困在一个等式.

我的逻辑运作正常,所以我认为这更像是一个数学问题,但会看到别人对我的方法的看法.这是我的饼图和我正在使用的变量:

饼图示例

图像上列出的变量是我必须使用的变量(mouseX,mouseY,距离中心的距离,半径,pi的环绕度以及圆周上相对于pi的数据点的部分).

图表的起始部分是从右边开始,从pi*2的0开始到pi*2的100%,灰色部分的起始位置为1.34 ...相对于饼图*2和结束位置2.228 ...

我目前的主要问题是使用像素测量来计算它相对于pi的位置.我可以从上到左检查位置,然后计算出距离中心的距离,并根据pi计算出从中心开始的线,但是我很难计算这个.

javascript math jquery pi

6
推荐指数
1
解决办法
1126
查看次数

标签 统计

canvas ×1

geometric-arc ×1

geometry ×1

html5 ×1

javascript ×1

jquery ×1

math ×1

pi ×1

sector ×1