1. 点状热区
如果要创建一个点状的热区，可以通过设置 coords 属性为 x, y 的形式，其中 x 和 y 分别代表点的横纵坐标。示例代码如下：
<map name="image-map">
<area shape="circle" coords="50,50,5" href="#" alt="Point">
</map>在上面的示例中，我们创建了一个圆形热区，中心坐标为 (50, 50)，半径为 5。
2. 矩形热区
要创建一个矩形热区，可以通过设置 coords 属性为 x1, y1, x2, y2 的形式，其中 (x1, y1) 代表矩形左上角的坐标，(x2, y2) 代表矩形右下角的坐标。示例代码如下：
<map name="image-map">
<area shape="rect" coords="10,10,50,50" href="#" alt="Rectangle">
</map>在上面的示例中，我们创建了一个矩形热区，左上角坐标为 (10, 10)，右下角坐标为 (50, 50)。
3. 多边形热区
要创建一个多边形热区，可以通过设置 coords 属性为 x1, y1, x2, y2, ..., xn, yn 的形式，其中 (xi, yi) 代表多边形各个顶点的坐标。示例代码如下：
<map name="image-map">
<area shape="poly" coords="10,10,50,20,30,40" href="#" alt="Polygon">
</map>在上面的示例中，我们创建了一个三角形热区，顶点坐标分别为 (10, 10)，(50, 20) 和 (30, 40)。
4. 圆形热区
要创建一个圆形热区，可以通过设置 coords 属性为 x, y, r 的形式，其中 (x, y) 代表圆心坐标，r 代表半径。示例代码如下：
<map name="image-map">
<area shape="circle" coords="100,100,30" href="#" alt="Circle">
</map>在上面的示例中，我们创建了一个圆形热区，圆心坐标为 (100, 100)，半径为 30。
通过上面的示例代码，我们可以看到 coords 属性的不同取值对应了不同形状的热区，开发者可以根据实际需求选择合适的形状和位置来创建热区。希望本文对大家有所帮助！