24 votos

Zoom y panorámica a imágenes svg con raphael.js o algunos otros biblioteca de js

Estoy en la necesidad de un pequeño script que muestra un SVG (imagen vectorial) dentro de un marco que tiene 2 funciones;

  1. La imagen puede ser criticado (mover para buscar en diferentes partes de la imagen svg con el cursor) similar a los mapas de google.

  2. La imagen SVG puede ser ampliada y en también similar a google los mapas excepto que no habrá necesidad de cargar nuevas imágenes como la de la imagen es un vector.

Para un mismo tipo de secuencia de comandos que he visto que funciona con normalidad formatos de imagen ver http://jibbering.com/routeplanner/

20voto

Washa Wu Puntos 171

Rafael es bueno, pero no suficiente.

Revisa esta página: http://code.google.com/p/svgpan/. Que hace exactamente lo que pediste.

16voto

Daniel Alder Puntos 425

Si alguien sigue interesado: acabo de encontrar esta aplicación de Zoom y Pan para Raphael. Todavía es un proyecto muy joven, pero lo suficientemente interesante como creo:

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

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

12voto

Daniel Assange Puntos 111

He derivado SVGPan de Andrea en un (esperemos) más amigable Raphäel plugin :)

4voto

Chasbeen Puntos 1275

Primero tienes que aprender a instalar una función que extiende Raphael para soportar zoom... http://www.irunmywebsite.com/Raphael/additionalhelp.html?q=addownmethodstocanvas

A continuación desea implementar plugin zoom de Wout... http://github.com/Wout/Raphael-zoom

1voto

Spadar Shut Puntos 4673

Puede probar los scripts de IE9 test página http://ie.microsoft.com/testdrive/Graphics/42OrganizationChart/Default.xhtml requiere un poco de ajuste con ids pero funcionaba bien para mí.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X