エリアcoords属性

HTML DOM Area

定義と使用法

coords 属性はエリアの coords属性 の値。

coords 属性はエリアのxおよびy座標を指定します。

coords 属性はshape属性と一緒に、エリアの大きさ、形状、位置を指定するために使用されます。

ヒント：エリアの左上角の座標は0,0です。

ヒント：使用してください shape属性 エリアの shape属性値。

例

例1

画像マッピング内の特定エリアの座標を取得する：

var x = document.getElementById("venus").coords;

自分で試してみてください

例2

画像マッピング内の特定エリアの座標を変更する：

document.getElementById("venus").coords = "129,161,10";

自分で試してみてください

文法

coords属性を返す：

areaObject.coords

coords属性を設定する：

areaObject.coords = value

属性値

値 説明
x1, y1, x2, y2 shape属性が"rect"に設定されている場合、矩形の左上角と右下角の座標を指定します。
x, y, radius shape属性が"circle"に設定されている場合、円の中心座標と半径を指定します。
x1, y1, x2, y2, .., xn, yn

shape属性が"poly"に設定されている場合、多角形の周囲の座標を指定します。

最初と最後の座標が一致しない場合、ブラウザは多角形を閉じるために最後の座標を追加する必要があります。

技術的な詳細

返り値： カンマで区切られた座標リストを表す文字列値。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

関連ページ

HTML リファレンスマニュアル：HTML <area> coords 属性

HTML DOM Area