javascript - 创建自定义联系我们地图的最佳方式

Question

我想创建一个包含不同区域的地图。当区域翻转时，该区域会亮起并链接到该特定区域。

最好使用 HTML 图像映射吗？

Answer 1

在这种情况下，“最佳”是一个高度相关的概念。

许多开发人员认为 HTML 图像映射“已弃用”，尽管实际上并非如此。虽然 CSS 定位的覆盖在矩形区域中效果很好，有时甚至更好，但图像映射特别适合处理圆形和/或多边形区域。

但是，如果您希望在将鼠标悬停在特定区域上时图像“亮起”，那么您遇到了一个棘手的问题。当然，仅使用图像和 CSS/JavaScript 来解决这个问题是可能的——我去年写了一个 jQuery 插件来自动化这个过程以完成一项工作——但是存在其他使用 SVG/Canvas 图形处理它的插件。

领先的插件在这里。