Graficzny wskaźnik wartości

0

Mam następującą misję: muszę zrobić w JS+jQ/HTML/CSS taki oto element:
user image
Wskazówka animowana w zależności od wartości zmiennej.

Nie wiem jak narysować (zakodzić) te małe kreski oraz liczby po zewnętrznej stronie.

0

to ma być dynamiczne czy na stałe? (w sensie wartości na skali)

1
  1. kreski to sinus (y) i cosinus (x) tego samego kąta pomnożone przez odległość od środka okręgu (początek kreski to wartości sin/cos pomnożone przez mniejszą liczbę, koniec kreski to wartości sin/cos pomnożone przez większą liczbę)
  2. pozycje liczb po zewnętrznej stronie liczysz w ten sam sposób.

Do rysowania na płótnie możesz skorzystać z http://projects.calebevans.me/jcanvas/

0

no to jak stałe to po prostu narysuj sobie to w dowolnym edytorze wektorowej grafiki i zapisz jako svg

animację zrobisz przez svg/smil albo nawet w css

0

Lol, czy jest jakiś webowy element, dla którego nie napisano jeszcze biblioteki w JS? ;)

http://justgage.com/

0

Gdybyś napisał, że może być gotowiec to byśmy inaczej rozmawiali...

0

Pierwotnie chciałem możliwie wiernie odtworzyć design starego wskaźnika. Zmieniłem później zdanie. Dzięki za odpowiedzi.

1 użytkowników online, w tym zalogowanych: 0, gości: 1