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

【问题标题】：How to implement panning like google maps in SVG如何在 SVG 中实现像谷歌地图一样的平移
【发布时间】：2013-03-25 01:25:21
【问题描述】：

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

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

我需要在这里进行平移吗？我怎样才能像谷歌地图一样实施。当我开始平移以移动系列并查看另一个区域的缩放图表时。如何对 SVG 中的路径元素执行“翻译”操作。屏幕截图中的元素称为系列（即数据点/线）。

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

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

普通图表截图。

放大的屏幕截图。

请参考以下链接。

谢谢，

湿婆

【问题讨论】：

【解决方案1】：

首先确定：

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

必须是您代码中的正确位置

你必须添加这个：xmlns:xlink="http://www.w3.org/1999/xlink"

【讨论】：