这是可能的:Zoomable SVG图像映射

时间:2011-06-13 01:53:45

标签: svg zoom imagemap

我想制作一个非常大的svg,它既是一个可点击的图像地图又是ZOOMABLE。如果我理解html5规格这些似乎都可能,但没有人提到同时使用这两者。那里有什么例子吗?

我不想使用jquery和jpg / png因为我想坚持使用SVG。任何线索都会非常感激。

谢谢!

2 个答案:

答案 0 :(得分:12)

正如user785194所说,您不需要使用HTML5,您可以在SVG中本地执行 - 您可以使用SVG内部的EMCAScript完成所有操作。我在这里写了详细的说明:http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control

答案 1 :(得分:7)

HTML5规范不相关 - 您需要svg规范。从

的教程开始

http://www.petercollingridge.co.uk/data-visualisation/introduction-svg-scripting-interactive-map

要进行缩放,请查找transform属性。我还没有看到任何带缩放小部件的示例代码。当然,您可以随时放大浏览器。