HTMLAreaElement: coords 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

HTMLAreaElement 接口的 coords 属性指定了元素形状的坐标，这些坐标是一系列浮点数。它反映了 <area> 元素的 coords 属性。

如果 shape 是 rect，则形状为矩形，字符串值由四个逗号分隔的数字组成，指定矩形的左上角和右下角坐标。例如，0,0,200,20 定义的坐标是 0,0（图像映射图的左上角）和 200,20（距离图像映射图左上角 200px 处和 20px 处）。

如果 shape 是 circle，则三个逗号分隔的数字代表圆心（x 和 y 坐标）和半径。

如果形状是 poly，则字符串至少包含 6 个逗号分隔的数字，代表至少 3 对坐标，这些坐标定义了多边形的顶点。

对于所有坐标，原点是 <map> 元素图像的左上角。

值

字符串；由一系列逗号分隔的数字组成。

const areaElement = document.getElementById("circleArea");
console.log(areaElement.coords);
areaElement.coords = "25,25,25";

规范
HTML # dom-area-coords

此页面最后修改于 2025年4月10日，由 MDN 贡献者修改。