2013-09-30 133 views
0

根据输入时间的不同,我需要绘制圆的一部分。例如,从6:00至9:00,圆的网站是:根据输入时间绘制圆弧

enter image description here

蓝色区域,我需要吸取。因此,从00:10到3:20时间表的一部分将在其他地方。

我想我会用GD库,但我不知道如何(也许在这里与几何形状和COS的问题,谢谢。

PS我不知道是否有一种方法通过的JavaScript和/或CSS

+0

尝试使用jQuery UI –

+0

我可以在那里完成这项任务吗? – frops

+0

输入时间是什么意思?是用户等待响应的时间(加载时间)? – Soosh

回答

1

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

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

是圆方程的参数形式......“R”是半径,“T”是“进步”从0到2π,(wiki)

您可以轻松地做到这一点在JavaScript中使用任何“画布” 或SVG(检查Raphael.js库)

1

这里是一个伟大的链接:)

arc

我希望它为你的作品:)