Zooming et panoramique des images svg en utilisant raphael.js ou une autre bibliothèque js [fermé]

j'ai besoin d'un petit script qui affichera un SVG (vector image) dans un cadre qui a 2 fonctions;

  1. l'image peut être panoramique (déplacée pour regarder différentes parties de l'image svg avec le curseur) similaire à Google maps.

  2. l'image SVG peut être zoomée Dans et Hors sur aussi simmilar à google cartes sauf qu'il ne sera pas nécessaire de charger de nouvelles images que l'image est un vecteur.

Pour un script simmilar que j'ai vu qui fonctionne avec des formats d'image normaux voir http://jibbering.com/routeplanner/

24
demandé sur jberryman 2010-02-26 06:49:23
la source

6 ответов

si quelqu'un est toujours intéressé: je viens de trouver cette implémentation de Pan et Zoom pour Raphaël. Encore un projet très jeune, mais assez intéressant je pense:

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

démonstration en ligne ici: http://htmlpreview.github.com/?https://raw.github.com/escobar5/raphael-pan-zoom/master/examples/complete-map/index.html

16
répondu Daniel Alder 2012-12-19 03:09:50
la source

Raphaël est bonne, mais pas assez.

consultez cette page:http://code.google.com/p/svgpan/

J'ai dérivé le SVGPan D'Andrea en un (avec un peu de chance) plus amical Raphäel plugin :)

12
répondu Daniel Assange 2012-06-15 02:34:09
la source

tout d'abord, vous devez apprendre à installer une fonction qui étend Raphael pour prendre en charge le zoom... http://www.irunmywebsite.com/raphael/additionalhelp.html?q=addownmethodstocanvas

ensuite, vous voulez implémenter le plugin de zoom de Wout... http://github.com/wout/raphael-zoom

4
répondu Chasbeen 2010-03-01 05:37:00
la source

vous pouvez essayer les scripts de la page de test IE9 http://ie.microsoft.com/testdrive/Graphics/42OrganizationChart/Default.xhtml nécessite un peu de peaufinage avec l'ids mais a bien fonctionné pour moi.

1
répondu Spadar Shut 2010-03-27 20:53:41
la source

j'ai fini par utiliser le svg-pan-zoom qui est dérivé de SVGPan, mais permet zoomin / panoramique d'un svg élément dans votre HTML, et peut ajouter des contrôles.

SVGPan fonctionne bien si votre page complète est juste un SVG chargé (comme l'exemple de tigre), mais pas si votre svg est quelque part plus profond dans le html.

0
répondu nathanvda 2014-08-08 18:31:58
la source

Autres questions sur