在浏览器中使用Jquery / CSS的圆形车速表

时间:2009-05-26 19:22:27

标签: jquery iphone rounding jquery-1.3

我需要在浏览器中制作一个圆形物体,就像速度表(内部有移动针指示值)。目前用于此页面上的所有其他项目我使用jquery。我宁愿不使用闪存,因为它需要ipod / iphone可用。

非常感谢其他人所做的任何经验。

5 个答案:

答案 0 :(得分:1)

查看使用Javascript / css创建的 speedometer 以及Javascript / css中的一些 analog clocks

您可以使用这些来源作为您要完成的目标的起点。

答案 1 :(得分:1)

您可以考虑使用Processing.js,它由John Resig移植到JS,与发明jQuery的人一样。它允许您在HTML Canvas上绘制任何类型的基元。它支持所有主流浏览器(来自网站):

  

Processing.js在FireFox,Safari中运行   Opera,Chrome也将与之合作   Internet Explorer,使用资源管理器   画布。

答案 2 :(得分:1)

现在还有一个特定的'车速表'插件用于jquery - 看起来不错,简单也似乎具有良好的跨浏览器兼容性。

http://plugins.jquery.com/node/14397/release

答案 3 :(得分:1)

您遇到了与我相同的要求。 我通过修改flot.pie.js编写了一个flot插件,这里是代码效果

http://dl.iteye.com/upload/attachment/469925/a6d6c376-d661-3fa5-bc23-ed15b803da10.jpg

您可以从http://georgezeng.iteye.com/admin/blogs/1014349

中检索来源

注意:您应该将此js与flot一起使用。

答案 4 :(得分:0)

这是一个可以为你工作的速度表。 http://dejapong.com/?p=138。它确实需要raphael.js,但这不是一个大型库(61k)。

该插件允许您调整光线,面部颜色以及其他一些功能。