GoldenLine
Zaloguj się
Marcin Kapusta

Marcin Kapusta iOS
Developer/Software
Developer/Music
Producer

Temat: Animacja strzałek w Javascript (bez svg, vml, canvasa)

Czy ktoś wie lub używa jakiejś biblioteki w javascript, która pomoże mi narysować strzałki, animować je w wydajny i szybki sposób. Chciałbym, żeby to działało na przeglądarkach w urządzaniach mobilnych i na zwykłych PC'towych przeglądarkach dlatego rezygnuje z SVG, VML i Canvasa gdyż nie są wspierane przez niektóre urządzenia mobilne.

Z góry dziękuje za pomoc

--
Pozdrawiam serdecznie
Marcin KapustaMarcin Kapusta edytował(a) ten post dnia 16.05.11 o godzinie 10:58
Link do wypowiedziLink

konto usunięte

Temat: Animacja strzałek w Javascript (bez svg, vml, canvasa)

Taki przykładzik na szybkiego:

http://rkrupinski.home.pl/_test/arrow

Edit1: oczywiście nie pójdzie na IE lte7, lecz powinno działać na iPhone

Edit2: w starszych ie pójdzie jeśli zamiast pseudoelementów użyjesz prawdziwychrafał krupiński edytował(a) ten post dnia 16.05.11 o godzinie 12:27
Link do wypowiedziLink
Marcin Kapusta

Marcin Kapusta iOS
Developer/Software
Developer/Music
Producer

Temat: Animacja strzałek w Javascript (bez svg, vml, canvasa)

No proszę. Bardzo sprytne rozwiązanie... Sam to wymyśliłeś? Bardzo Ci dziękuje za ten przykład.

Ja może powiem do czego potrzebuje te strzałki, bo raczej to rozwiązanie nie pomoże mi obracać w dowolnym kierunku strzałek i animować równocześnie np. strzałek od punktu centralnego w 4 (lub więcej) dowolnych kierunkach od tego punktu.

Mam zamiar zrobić na mapie google wizualizację połączeń? Klikasz myszką np. na miejscowość Zielona Góra i zaczynają się rysować strzałki od miejscowości Zielona Góra, w kierunkach tych miejscowości do których są w systemie eDojazd.pl dodane już ogłoszenia. Generalnie chcę zrobić wizualizację połączeń miedzy miejscowościami na mapie tak by działało i na PC i mobilnych urządzeniach.
Link do wypowiedziLink

konto usunięte

Temat: Animacja strzałek w Javascript (bez svg, vml, canvasa)

Obracanie: (-moz-, -webkit-, -o-, -ms-, -)transform: rotate(XXdeg), ale IE....

Zawsze można polecieć hardkorem - przygotować jakiegoś dobrze skompresowanego sprite-a w stylu:


Obrazek


i pozycjonować sobie tło.
Link do wypowiedziLink
Marcin Kapusta

Marcin Kapusta iOS
Developer/Software
Developer/Music
Producer

Temat: Animacja strzałek w Javascript (bez svg, vml, canvasa)

No a jak np. Ktoś nakierowuje i kliknie "Zielona Góra" na mapie i są połączenia do Warszawy i do Sulechowa to jedna strzałeczka musi być dłuższa, a druga krótsza. Długość także się zmienia
gdy mapę powiększasz/pomniejszasz. Raczej trudno będzie przygotować na sztywno obrazki, gdyż będą one zmiennej długości i pod różnymi kontami. Wiem, że to co podałeś mógłbym zastosować jeśli były by między miejscowościami stałe odległości...Marcin Kapusta edytował(a) ten post dnia 16.05.11 o godzinie 14:31
Link do wypowiedziLink

konto usunięte

Temat: Animacja strzałek w Javascript (bez svg, vml, canvasa)

A nie chciałbyś np wizualizować połączeń w ten sposób?


Obrazek


Wyświetlasz szlak "kropeczek" z punktu startowego do docelowego a kierunek (zamiast grotem strzałki) pokazywać tak:


Obrazek


:D:D
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj