如何在SVG中实现像谷歌地图一样的平移

Question

我已经完成了SVG图表的放大。请参阅下面的屏幕截图。

以上截图系列是缩放状态。我使用剪切概念在缩放后隐藏图表区域的外线。

我需要在这里进行平移吗？我该如何实现像谷歌地图。当我开始平移以移动系列并看到另一个区域的缩放图表。 如何在SVG中对path元素执行“translate”操作。屏幕截图中的元素称为系列（即数据点/线）。

我需要根据鼠标movec移动元素缩放区域（即滚动隐藏内容）。

“translate”属性是用于查看其他缩放区域吗？如何在将进行平移的路径元素中执行“翻译”。

普通图表截图。

Zoomed Screenshot。

请参阅以下链接。

http://www.cyberz.org/projects/SVGPan/tiger.svg

谢谢，

希瓦

Answer 1

首先要确定：

在项目位置下载svgpan.js文件

必须是代码中的正确位置

你必须添加：xmlns：xlink =“http://www.w3.org/1999/xlink”