javascript - 考虑半圆计算鼠标位置的百分比

我只是尝试在 justGage 上编写一些技巧(使用 Raphael JS 代码)来计算百分比，但我陷入了数学公式:( 。

重点是: 我有一个 400px 宽度的 div，欢迎 svg justGage。我想让它在鼠标点击后填充。例如，单击半圆的右下角将填充它，就像 100% 填充一样。单击左下角，填充为 0%。问题是我 try catch 鼠标位置并用它来刷新量具，但仅在 X 轴上工作并不遵循圆形。

这是我的基本计算:

    var parentOffset = $(this).offset(); 
    var relX = e.pageX - parentOffset.left;
    g1.refresh(Math.round((relX)/4));

以及整个代码测试fiddle .

有人知道真正遵循圆形形状的公式吗？

最佳答案

以下是有关计算的草稿: draft

关于javascript - 考虑半圆计算鼠标位置的百分比，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14436264/