绘制圆弧，具体取决于输入时间

Question

我需要绘制圆的一部分，具体取决于输入时间。例如，从 6:00到9:00 ，圈子的网站是：

我需要绘制的蓝色区域。因此，从00:10到3:20，圆圈的一部分将在其他地方。

我以为我会使用 GD 库，但我不知道（也许这里有几何问题，罪和 cos 。谢谢。

P.S。我不知道是否有办法通过 JavaScript 和/或 CSS 来实现。

Answer 1

这是解决这个问题的最重要的一点：

x = r * Math.cos(t) + offsetX;
y = r * Math.sin(t) + offsetY;

是圆方程的参数形式...“r”是半径，“t”是从0到2π的“进展”，（wiki)

您可以使用“canvas”或SVG（检查Raphael.js库）在JavaScript中轻松完成此操作

Answer 2

这是一个很棒的链接:)

arc

我希望它适合你：）