【发布时间】:2011-09-13 15:16:17
【问题描述】:
我想制作一个非常大的 svg,它既是可点击的图像地图,又是可缩放的。如果我理解 html5 规范,这两个似乎都是可能的,但没有人提到同时使用这两个。有没有例子?
我不想使用 jquery 和 jpg/png,因为我想坚持使用 SVG。任何线索都将不胜感激。
谢谢!
【问题讨论】:
我想制作一个非常大的 svg,它既是可点击的图像地图,又是可缩放的。如果我理解 html5 规范,这两个似乎都是可能的,但没有人提到同时使用这两个。有没有例子?
我不想使用 jquery 和 jpg/png,因为我想坚持使用 SVG。任何线索都将不胜感激。
谢谢!
【问题讨论】:
正如 user785194 所说,您不需要使用 HTML5,您可以在 SVG 中本地完成 - 您可以在 SVG 本身中使用 EMCAScript 完成所有操作。我在这里写了详细的说明:http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control
【讨论】:
HTML5 规范不相关 - 您需要 svg 规范。从教程开始
http://www.petercollingridge.co.uk/data-visualisation/introduction-svg-scripting-interactive-map
对于缩放,查找变换属性。我还没有看到任何带有缩放小部件的示例代码。当然,您可以随时放大浏览器。
【讨论】: