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

Question

我需要一个小脚本,它将在一个具有2个功能的帧中显示SVG(矢量图像);

1. 可以平移图像(使用光标移动以查看svg图像的不同部分)与谷歌地图相似.

2. SVG图像也可以放大和缩小到谷歌地图,除了不需要加载新图像,因为图像是矢量.

对于一个类似的脚本我已经看到适用于普通图像格式请参见http://jibbering.com/routeplanner/

Answer 1

拉斐尔很好,但还不够好.

查看此页面:http://code.google.com/p/svgpan/.它完全符合您的要求.

Answer 2

如果有人仍然感兴趣:我刚刚为Raphael找到了Pan和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

Answer 3

我已将Andrea的SVGPan导入(希望)更友好的Raphäel插件 :)