我需要一个小脚本，它将在具有 2 个功能的框架内显示 SVG（矢量图像）；
可以平移图像（移动以使用光标查看 svg 图像的不同部分）类似于谷歌地图。
SVG 图像也可以像谷歌地图一样放大和缩小，但由于图像是矢量，因此无需加载新图像。
对于我见过的适用于普通图像格式的类似脚本，请参阅http://jibbering.com/routeplanner/
问问题
32827 次
6 回答
20
拉斐尔很好，但还不够好。
查看此页面：http ://code.google.com/p/svgpan/ 。它完全符合您的要求。
于 2010-09-28T20:13:08.243 回答
16
如果有人仍然感兴趣：我刚刚为 Raphael 找到了 Pan and Zoom 的这个实现。仍然是一个非常年轻的项目，但我认为足够有趣：
https://github.com/escobar5/raphael-pan-zoom
在线演示：http: //htmlpreview.github.com/?https: //raw.github.com/escobar5/raphael-pan-zoom/master/examples/complete-map/index.html
于 2012-12-18T23:09:50.350 回答
12
我已经将 Andrea 的 SVGPan 派生为（希望）更友好的Raphäel 插件:)
于 2010-11-02T19:23:34.843 回答
4
首先，您需要学习如何安装扩展 Raphael 以支持缩放的功能... http://www.irunmywebsite.com/raphael/additionalhelp.html?q=addownmethodstocanvas
接下来要实现 Wout 的缩放插件... http://github.com/wout/raphael-zoom
于 2010-03-01T02:37:00.123 回答
1
您可以从 IE9 测试页面http://ie.microsoft.com/testdrive/Graphics/42OrganizationChart/Default.xhtml尝试脚本需要对 ids 进行一些调整，但对我来说效果很好。
于 2010-03-27T17:53:41.143 回答
0
我最终使用了从 SVGPan 派生的svg-pan-zoomsvg ，但它允许放大/平移HTML 中的任意元素，并且可以添加控件。
如果您的完整页面只是一个加载的 SVG（如老虎示例），则 SVGPan 效果很好，但如果您的 svg 位于 html 的某个更深的位置，则效果不佳。
于 2014-08-08T14:31:58.537 回答