2009-05-26 4 views
0

Мне нужно сделать круглый объект, похожий на спидометр (с движущейся иглой внутри, указывающий значение) в браузере. в настоящее время для всех других элементов на этой странице iam с помощью jquery. Я предпочитаю не использовать flash, так как он должен использоваться ipod/iphone.Круглый спидометр с JQuery/CSS в браузере

Любой опыт, который были у других, это очень ценится.

+0

Благодарим вас за отличную информацию ... Я сейчас загружаю и собираюсь попробовать processing.js – dnndeveloper

ответ

1

Возможно, вы можете использовать Processing.js, который был перенесен на JS Джоном Ресигом, тем же парнем, который изобрел jQuery. Это позволяет вам нарисовать какой-либо примитив на холсте HTML. Он поддерживает все основные браузеры (с сайта):

Processing.js работает в FireFox, Safari, Opera , Chrome и также будет работать с Internet Explorer, с помощью проводника Canvas.

1

Заканчивать этот speedometer создан с помощью JavaScript/CSS и некоторые analog clocks в Javascript/CSS, а также.

Вы можете использовать исходный код в качестве отправной точки для своих целей.

1

В настоящее время имеется специальный виджет 'speedomiter' для jquery - выглядит красиво и просто и, как представляется, имеет хорошую совместимость с перекрестным браузером.

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

0

Вот спидометр, который может работать вам. http://dejapong.com/?p=138. Это требует raphael.js, но это не большая библиотека (61k).

Плагин позволяет регулировать освещение и цвета лица, а также пару других функций.

1

Вы столкнулись с тем же требованием, что и я. Я написал ФЛОТ плагин, изменив flot.pie.js, вот код

силу по

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

и вы можете получить исходный код из: http://georgezeng.iteye.com/admin/blogs/1014349

Примечание: Вы должны использовать этот js с флотом.