0

我正在使用来自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 文件而不会出错？

4

1 回答 1

0

我使用http://keith-wood.name/svg.html和https://github.com/talos/jquery-svgpan在 div 中完成了 svg 缩放和平移

<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>
于 2012-07-09T19:58:48.787 回答