Круглый спидометр с Jquery / CSS в браузере

Question

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

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

Answer 1

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

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

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

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

Answer 2

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

Processing.js запускается в FireFox, Safari, Opera, Chrome, а также будет работать с Internet Explorer, используя Проводник Холст.

Answer 3

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

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

Answer 4

Проверьте этот спидометр , созданный с использованием Javascript / css и некоторых аналоговых часов в Javascript / css.

Вы можете использовать источник в них как отправную точку для того, чего вы пытаетесь достичь.

Answer 5

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

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