SVGPan inside a div

Question

J'utilise SVGPan.js de cyberz.org pour zoomer et faire un panoramique sur un fichier svg. Il fonctionne bien seul, mais quand j'essaie d'afficher le svg dans un div, ça ne marche pas. Le SVG n'est pas affiché. J'ai essayé d'utiliser Raphael.js, et le plugin raphael-svg-import. Quand j'essaie la démo raphael-svg-import, une erreur est lancée à chaque fois, quelque chose comme "Le VG que vous avez entré n'est pas valide! Erreur de type, Raphael.deg() n'est pas une fonction". En outre, il semble que seule la démo fonctionne. Lorsque j'essaie un autre fichier svg, une page blanche est affichée.

Donc, ma question est, 1. Y a-t-il un moyen de lier le fichier svg avec le script SVGPan dans un div? ou 2. Existe-t-il un moyen d'importer le fichier svg en utilisant raphael-svg-import sans erreur?

Answer 1

i accompli svg zoom & pan dans un div en utilisant http://keith-wood.name/svg.html et https://github.com/talos/jquery-svgpan

<div id="canvas"></div> 
<script type="text/javascript"> 
$(document).ready (function() { 
    $('#canvas').svg({ loadURL: 'svg.xml', onLoad: loadDone }); 
    }); 
function loadDone() { 
    $('#canvas svg').svgPan('viewport') 
    } 
</script>