SVGPan裏面的div

Question

我使用cyberz.org的SVGPan.js來縮放和平移svg文件。它自己運行良好， ，但是當我嘗試顯示div內的svg時，它不起作用。 SVG不顯示。 我嘗試使用Raphael.js和raphael-svg-import插件。當我嘗試raphael-svg-import演示時，每次都會拋出錯誤，例如「您輸入的VG無效！類型錯誤，Raphael.deg（）不是函數」。此外，似乎只有演示工程。當我嘗試另一個svg文件時，會顯示一個空白頁面。

所以我的問題是， 1.有沒有辦法將svg文件綁定到div中的SVGPan腳本？ 或 2.有沒有辦法使用raphael-svg-import導入svg文件而不出錯？

Answer 1

我使用http://keith-wood.name/svg.html和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>