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

我完成了svg zoom＆amp;使用http://keith-wood.name/svg.html和https://github.com/talos/jquery-svgpan

在div中平移

<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>

一个div里面的SVGPan

1 个答案: