0

私は、cyberz.org の SVGPan.js を使用して、svg ファイルをズームおよびパンしています。それ自体はうまく機能しますが、div 内に svg を表示しようとすると機能しません。SVG は表示されません。Raphael.js と raphael-svg-import プラグインを使用してみました。raphael-svg-import デモを試すと、「入力した VG が無効です! タイプ エラー、Raphael.deg() は関数ではありません」のようなエラーが毎回スローされます。また、デモのみ動作するようです。別の svg ファイルを試してみると、空白のページが表示されます。

私の質問は、1. div 内の SVGPan スクリプトで svg ファイルをバインドする方法はありますか? または 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 に答える