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

Question

我需要绘制圆的一部分，这取决于输入的时间。比如6:00到9:00，圈子的站点是:

我需要绘制的蓝色区域。相应地，从00:10到3:20的部分圈子将安排在其他地方。

我想我会使用 GD 库，但我不知道如何(也许这里的问题与几何以及 sin 和 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 中轻松做到这一点