Powiększanie i przesuwanie obrazów svg za pomocą raphael.js lub innej biblioteki js

Potrzebuję małego skryptu, który wyświetli obraz SVG (grafika wektorowa) w ramce, która ma 2 funkcje;Powiększanie i przesuwanie obrazów svg za pomocą raphael.js lub innej biblioteki js

obraz może zostać podzielony na panele (przemieszczać patrzeć w różnych częściach obrazu w SVG z kursorem) simmilar google map.
SVG obraz można powiększać i pomniejszać również simmilar google mapy wyjątkiem nie będzie potrzeby, aby załadować nowy obrazów jako obraz jest wektorem.

Dla simmilar skryptu Widziałem, że pracuje z normalnymi formatów graficznych zobaczyć http://jibbering.com/routeplanner/

Źródło

2010-02-26 Chandan Jog

Również ta funkcjonalność powinna działać na wszystkich broswersach, w tym np. (Nie tj. 6), bez konieczności pobierania i instalowania wtyczki svg viewer. –

Żadna wersja IE nie obsługuje SVG (bez wtyczki), więc ten "mały skrypt" będzie musiał przynajmniej przekonwertować SVG do VML. To całkiem spora praca: specyfikacja SVG ma 719 stron! – Ken

@ Chandan Masz kilka przydatnych odpowiedzi - sugeruję, że akceptujesz jedną z nich –

Jeśli ktoś nadal jest zainteresowany: Właśnie znalazłem ten realizację przesuwanie i powiększanie dla Rafaela. Wciąż bardzo młody projekt, ale wystarczająco interesująca myślę:

https://github.com/escobar5/raphael-pan-zoom

online demo tutaj: http://htmlpreview.github.com/?https://raw.github.com/escobar5/raphael-pan-zoom/master/examples/complete-map/index.html

Źródło

2012-12-18 23:09:50

czy ta wtyczka ma dokumentację lub szybką stronę startową? –

Obawiam się, że nie.W folderze przykładów znajdują się 2 przykłady. Aby uzyskać więcej, myślę, że musisz skontaktować się z autorem –

najpierw trzeba dowiedzieć się, jak zainstalować funkcję, która rozciąga Raphael wspierać powiększanie ... http://www.irunmywebsite.com/raphael/additionalhelp.html?q=addownmethodstocanvas

Następnie chcesz zaimplementować wtyczkę powiększania Wouta ... http://github.com/wout/raphael-zoom

Źródło

2010-03-01 02:37:00 Chasbeen

Oba linki są już martwe. –

Możesz wypróbować skrypty ze strony testowej IE9 http://ie.microsoft.com/testdrive/Graphics/42OrganizationChart/Default.xhtml Wymaga niewielkiego ulepszenia z ids, ale sprawdziło się dla mnie.

Źródło

2010-03-27 17:53:41

Rafał jest dobry, ale niewystarczająco dobry.

Sprawdź tę stronę: http://code.google.com/p/svgpan/. Robi dokładnie to, o co prosiłeś.

Źródło

2010-09-28 20:13:08

Czy ta biblioteka zawiera jakąkolwiek dokumentację? Byłoby wspaniale, gdyby był jakiś sposób, aby powiększyć go, gdy określona funkcja została wywołana na stronie internetowej. –

Mam pochodzi Andrei SVGPan do (miejmy nadzieję) bardziej przyjazny Raphäel plugin :)

Źródło

2010-11-02 19:23:34

Hej, czy masz wtyczkę w dowolnym miejscu? Strona github nie jest już dostępna. –

@VicSzpilman https://github.com/andrewseddon/raphael-zpd? – Nitrodist

skończyło się używając svg-pan-zoom która pochodzi z SVGPan, ale pozwala zoomin/Pionowa od An arbitralny element svg w kodzie HTML i można dodawać elementy sterujące.

SVGPan działa świetnie, jeśli twoja kompletna strona to tylko załadowany SVG (jak na przykład tygrys), ale nie, jeśli twój svg jest gdzieś głębiej w html.

Źródło

2014-08-08 14:31:58 nathanvda

Powiększanie i przesuwanie obrazów svg za pomocą raphael.js lub innej biblioteki js

Odpowiedz

Powiązane problemy