带有鼠标悬停的HTML5复杂形状

Question

有谁知道Google如何在Youtube的分析部分创建地图数据？

鼠标悬停在正确的位置，即当您的鼠标离开美国进入加拿大时，加拿大是焦点对象。我对HTML的了解告诉我，浏览器只识别方形，如果你想制作一个远程复杂的形状，你必须编写很多代码。

例如，主页图标中的左侧倾斜不会拾取鼠标事件p.walkleftstudios.com/am2.1 使用HTML5画布和一些三角函数完成。

例如，在这个例子中，我完全不知道了（画布太烦人了）p.walkleftstudios.com/am2.2

我在代码中看到了一个SVG标签，这可能是魔术发生的地方

Answer 1

大多数Google产品都使用GViz进行数据可视化。如果你想根据数据输入绘制地图，那么就有API。

https://developers.google.com/chart/interactive/docs/reference

旧版IE浏览器的GViz输出为SVG或VML，因此您的图表可以在任何地方使用 - 旧的，新的，桌面和移动浏览器。

Answer 2

我相信你要找的是 image maps 。