raphael.jsまたは他のjsライブラリを使用したsvg画像のズームとパン
2つの機能を持つフレーム内にSVG（ベクター画像）を表示する小さなスクリプトが必要です。
画像は、Googleマップと同様にパン（svg画像のさまざまな部分をカーソルで見るために移動）できます。
SVG画像は、Googleマップと同様にズームインおよびズームアウトできます。ただし、画像はベクトルであるため、新しい画像をロードする必要はありません。
通常の画像形式で動作する同様のスクリプトについては、 http://jibbering.com/routeplanner/ を参照してください。
誰かがまだ興味がある場合：私はラファエルのためのパンとズームのこの実装を見つけました。まだ非常に若いプロジェクトですが、十分に興味深いと思います。
https://github.com/escobar5/raphael-pan-zoom
こちらのオンラインデモ： http://htmlpreview.github.com/?https://raw.github.com/escobar5/raphael-pan-zoom/master/examples/complete-map/index.html =
ラファエルは良いですが、十分ではありません。
このページをチェックしてください： http://code.google.com/p/svgpan/ 。それはまさにあなたが求めたものを実行します。
私はアンドレアのSVGPanを（うまくいけば）よりフレンドリーな Raphäelプラグイン に導きました:)
最初に、Raphaelを拡張してズームをサポートする機能をインストールする方法を学ぶ必要があります... http://www.irunmywebsite.com/raphael/additionalhelp.html?q=addownmethodstocanvas
次に、Woutのズームプラグインを実装します... http://github.com/wout/raphael-zoom
IE9テストページからスクリプトを試すことができます http://ie.Microsoft.com/testdrive/Graphics/42OrganizationChart/Default.xhtml IDを少し調整する必要がありますが、私にとってはうまくいきました。
SVGPanから派生した svg-pan-zoom を使用することになりましたが、HTML内の任意のsvg要素のズームイン/パンを許可し、コントロールを追加できます。
SVGPanは、完全なページが単にロードされたSVG（tigerの例のように）である場合は適切に機能しますが、svgがHTMLのどこかより深い場合は機能しません。