SVG チャートをズームしました。以下のスクリーンショットを参照してください。
上のスクリーンショット シリーズはズームされた状態です。クリッピングの概念を使用して、ズーム後にチャート エリアの外側の線を非表示にしました。
ここでパンをする必要がありますか？Google マップのように実装するにはどうすればよいですか。シリーズを移動するためにパンを開始すると、別の領域のズームされたチャートが表示されます。SVG でパス要素の「変換」操作を実行するにはどうすればよいですか。スクリーンショットの要素はシリーズと呼ばれます（つまり、データポイント/ライン）。
マウスの移動に基づいて要素のズーム領域を移動する必要があります(つまり、非表示のコンテンツをスクロールするなど)。
"translate" 属性は、ズームされた他の領域を表示するために使用されますか? パニングを行うパス要素で「翻訳」を実行するにはどうすればよいですか。
通常のチャートのスクリーンショット。
拡大されたスクリーンショット。
以下のリンクを参照してください。
http://www.cyberz.org/projects/SVGPan/tiger.svg
ありがとう、
シヴァ