html - 在 HTML、CSS、SVG 中创建 map ?

标签 html css svg

我想创建一个基于 Web 的区域 map ,使用户能够通过单击来选择 map 上的区域,并且在将鼠标悬停在其中一个区域上时还会产生一些视觉效果(调整大小等)。

我希望 map 能够在台式机和移动设备上使用。

当我主要考虑传统图像映射与 SVG 时,我对此处使用的最佳技术存有疑问。

图像 map 得到了更广泛的支持,但是任何只影响 map 中单个区域的动画都必须被破解。 SVG 更适合,但 Android 不支持(旧的 IE 可以使用 svgweb)

有什么建议吗?我忽略了任何其他选项吗?

最佳答案

听起来您已经有了答案;您提供了 SVG 和图像映射之间的选项,说您需要移动支持,并说 Android 不支持 SVG。 SVG 就这样被淘汰了,剩下的就是图像映射。

关于html - 在 HTML、CSS、SVG 中创建 map ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4840091/

相关文章:

css - 将 CSS 应用于封闭的 div,但不应用于封闭的 div

javascript - 如何在没有 If 语句的情况下执行通配符

html - 如何使用 CSS 删除图像之间的空白?

javascript - 下划线在鼠标悬停时展开

jquery - 填充隐藏 div 的问题

html - 具有负坐标的 SVG viewBox

javascript - 如何根据度数改变圆的颜色

jquery - CSS 背景覆盖固定

html - CSS中的响应式五列布局

javascript - 文本未在 d3 可视化中呈现