这可能吗：Zoomable SVG Image Map

Posted 2023-05-08

【中文标题】这可能吗：Zoomable SVG Image Map

【英文标题】：Is this possible: Zoomable SVG Image Map

【发布时间】：2011-09-13 15:16:17

【问题描述】：

我想制作一个非常大的 svg，它既是可点击的图像地图，又是可缩放的。如果我理解 html5 规范，这两个似乎都是可能的，但没有人提到同时使用这两个。有没有例子？

我不想使用 jquery 和 jpg/png，因为我想坚持使用 SVG。任何线索都将不胜感激。

谢谢！

【参考方案1】：

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

【参考方案2】：

HTML5 规范不相关 - 您需要 svg 规范。从教程开始

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

对于缩放，查找变换属性。我还没有看到任何带有缩放小部件的示例代码。当然，您可以随时放大浏览器。

【讨论】：

+1 用于提及我的教程 :)。也用于说 HTML5 无关紧要。