从HTML中的图像创建按钮

Question

我在这里遇到了一个有趣的挑战，我不知道如何解决。我试图从图像创建HTML按钮。这个图像是我正在使用的例子。如何将所有梯形分成单独的按钮，这些按钮在点击相应区域时单独注册。我会假设我需要为每个梯形指定某种边界，但我不知道你会如何为这样一个像这样复杂的形状做到这一点。

Answer 1

使用HTML <map>元素从图片中创建 image map 。图像地图允许您从您提供的坐标中绘制出形状（圆形，矩形和不规则多边形），这些形状可以使用自己的href进行点击。您还可以在单​​击事件期间获取x，y坐标。

互联网上有各种免费工具可以生成坐标和整体代码。