HTMLAreaElement: coords 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

HTMLAreaElement 介面的 coords 屬性指定了元素形狀的座標,這些座標是一系列浮點數。它反映了 <area> 元素的 coords 屬性。

如果 shaperect,則形狀為矩形,字串值由四個逗號分隔的數字組成,指定矩形的左上角和右下角座標。例如,0,0,200,20 定義的座標是 0,0(影像對映圖的左上角)和 200,20(距離影像對映圖左上角 200px 處和 20px 處)。

如果 shapecircle,則三個逗號分隔的數字代表圓心(x 和 y 座標)和半徑。

如果形狀是 poly,則字串至少包含 6 個逗號分隔的數字,代表至少 3 對座標,這些座標定義了多邊形的頂點。

對於所有座標,原點是 <map> 元素影像的左上角。

字串;由一系列逗號分隔的數字組成。

示例

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

規範

規範
HTML
# dom-area-coords

瀏覽器相容性

另見