css - 具有四个以上角的 div

Question

是否可以制作具有五个或六个角的 div？

我需要这个来在地图上制作可点击区域。如果有其他方法可以实现这一点，我会很高兴。

Answer 1

不，你不能。HTML 中的块是矩形的。

即使您使用（昂贵的）基于 css 的技巧来改变它的外观，可点击区域仍将保持矩形。

但是可点击区域有几种解决方案：

• 使用javascript从点击事件坐标进行简单计算
• 旧的图像映射格式

如果您想在没有图像映射的 javascript 中执行此操作，您可能会对现成的算法感兴趣，以确定一个点是否在一个多边形内。

Answer 2

如果地图是图像，请使用多边形图像地图。有几个网络应用程序可以很容易地创建这些（只是谷歌“图像地图生成器”）。

如果您使用的是 Google 之类的地图 API，他们将提供有关在地图中创建可点击目标的文档（例如：Google Maps Docs）。