browser - 除了图像映射之外，还有其他选择可在网页上启用不规则形状的可点击区域吗？

Question

(这是我从ui stackexchange.移出的帖子)

我们有一些形状不规则的区域...想象一下美国各州的 map 。还要想象一下，在每个状态内都有一个包含图形和文本的矩形区域。我们要使每个状态对鼠标悬停/鼠标移出/单击使用react。

如果它是一个直接的HTML/Javascript页面(没有Flash)，那么除了图像映射之外，还有其他方法可以实现此功能吗？

如果无法做到这一点，我也将考虑让每个状态下的矩形区域对鼠标事件使用react。

Answer 1

“整理HTML”是否意味着您可以使用Javascript？如果是这样，请考虑包装SVG的Raphael javascript library。在他们的主页上可以找到您可以做的事情的概述，包括澳大利亚的县(？)示例:http://raphaeljs.com/australia.html

您还可以考虑使用processing.js，它是一个类似的可视化库，但是包装了 Canvas 而不是SVG。