javascript - 绘制圆弧，取决于输入时间

Question

我需要根据输入时间绘制圆的一部分。例如，从6:00 到 9:00，圈子的地点是：

我需要绘制的蓝色区域。因此，从 00:10 到 3:20 的日程安排部分将在其他地方进行。

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

PS我不知道是否有办法通过JavaScript和/或CSS做到这一点。

Answer 1

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

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

这是圆方程的参数形式...“r”是半径，“t”是从 0 到 2π 的“进度”，（维基）

您可以使用“画布”或 SVG 在 JavaScript 中轻松做到这一点（查看 Raphael.js 库）

Answer 2

这是一个很棒的链接:)

弧

我希望这个对你有用 ：）