Javascript 大背景图像平移缩放并设置坐标动画

我正在寻找一个解决方案，以平移和缩放一个大的背景图像，当你点击菜单中的链接，它必须动画的x和y坐标的背景图像。我尝试过平滑缩放平移jquery插件：

这个插件的问题是，iPad视网膜上的动画速度非常慢。它已经在使用transform 3d进行硬件加速。该图像是一个SVG。我还将SVG切成更小的分幅，比如谷歌地图，并尝试了PNG格式，但没有任何区别

---

正常屏幕上的背景大小为5300px*3000px

如果没有要测试的示例，则不确定，但您可以在SVG中设置viewBox的动画。可能也有兴趣。不过，我不确定iPad SVG的总体性能如何。谢谢伊恩。我不知道这是否是最好的解决方案，但我通过将整个SVG二进制代码放入HTML中解决了这个问题。它现在工作得非常好！