Javascript 使用raphael.js或其他js库缩放和平移svg图像

我需要一个小脚本，将显示一个SVG（矢量图像）在一个框架内，有2个功能

可以平移图像（四处移动以查看图像的不同部分） svg图像（带光标）类似于谷歌地图

SVG图像可以放大和缩小，这与谷歌类似 地图，但无需加载新图像作为图像 是一个向量

---

对于我看到的一个使用普通图像格式的Similar脚本，请参见

首先，您需要了解如何安装一个扩展Raphael以支持缩放的函数。。。

接下来，您要实现Wout的缩放插件。。。

---

您可以尝试IE9测试页面中的脚本，需要对ids进行一些调整，但对我来说效果很好。

Raphael很好，但还不够好

---

请签出此页面：。它完全符合您的要求。

我已经将Andrea的SVGPan导出为（希望）更友好的：）

如果有人仍然感兴趣：我刚刚找到了Raphael的平移和缩放实现。这仍然是一个非常年轻的项目，但我觉得很有趣：

在线演示：

我最终使用了从SVGPan派生的，但允许在HTML中缩放/平移任意

svg

元素，并可以添加控件

---

如果您的整个页面只是一个加载的SVG（如tiger示例），那么SVGPan将非常有用，但如果您的SVG在html中的某个位置更深入，则SVGPan将无法工作

此外，该功能应适用于所有Broswer，包括ie（而非ie 6），无需下载和安装svg查看器插件。ie的任何版本都不支持svg（无插件），因此该“小脚本”至少需要将svg转换为VML。这是一项相当大的工作：SVG规范有719页长@Chandan你已经有了一些有用的答案-建议你接受其中一个嘿，你有插件吗？github页面不再可用。@VicSzpilman？两个链接现在都已失效。此库是否有任何文档？如果有什么方法可以让它在网页上调用特定函数时放大，那就太好了。这个插件有文档或快速入门页吗？恐怕没有。示例文件夹中有两个示例。更多信息，我想你必须联系作者