缩放和移动SVG图像
我需要一个小的脚本,将具有2层的功能的帧中显示的SVG(矢量图像);缩放和移动SVG图像
图像可以被平移(移动到处寻找在 用光标SVG图像不同部分)simmilar Google地图。
SVG图像可以放大或缩小,也可以类似于Google地图 地图,但不需要加载新图像,因为图像 是矢量。
对于simmilar剧本我已经看到,可以用于正常的图像格式见http://jibbering.com/routeplanner/
如果有人仍然有兴趣:我刚刚发现这个实现平移和缩放为拉斐尔。仍然是一个非常年轻的项目,但有趣的是我认为:
这个插件是否有文档或快速启动页面? – 2013-07-06 13:51:10
恐怕没有。示例文件夹中有2个示例。对于更多,我认为你必须联系作者 – 2013-07-15 10:07:27
首先,你需要学习如何安装扩展拉斐尔支持缩放功能... http://www.irunmywebsite.com/raphael/additionalhelp.html?q=addownmethodstocanvas
接下来你想实现Wout的缩放插件... http://github.com/wout/raphael-zoom
这两个链接现在已经死亡。 – 2012-12-29 07:09:13
你可以试试IE9的脚本测试页http://ie.microsoft.com/testdrive/Graphics/42OrganizationChart/Default.xhtml需要稍微调整一下id,但对我来说工作得很好。
拉斐尔很好,但还不够好。
看看这个页面:http://code.google.com/p/svgpan/。它完全符合你的要求。
这个库是否有任何文档?如果在Web页面上调用某个特定功能时有一些方法可以放大,那就太好了。 – 2013-02-26 15:39:34
我得出安德烈的SVGPan成(希望)更友好Raphäel plugin :)
嘿,你有插件吗? github页面不再可用。 – 2012-03-19 06:46:31
@VicSzpilman https://github.com/andrewseddon/raphael-zpd? – Nitrodist 2012-03-24 23:31:07
我最终使用从SVGPan衍生svg-pan-zoom,但允许的zoomin /平移你的HTML中的任意svg
元素,并且可以添加控件。
如果你的完整页面只是一个加载的SVG(比如老虎的例子),但是如果你的svg在html的某个地方更深的话,SVGPan会很好用。
另外这个功能应该对所有的broswers工作,包括IE浏览器(不是IE 6),而不需要下载和安装一个SVG浏览器插件。 – 2010-02-26 04:07:21
没有版本的IE支持SVG(没有插件),所以这个“小脚本”至少需要将SVG转换为VML。这是一个非常大的工作:SVG规范长达719页! – Ken 2010-02-26 17:58:11
@Chandan你有一些有用的答案 - 建议你接受其中之一 – 2012-07-31 07:48:24