エリア座標プロパティ
例
画像マップの特定の領域の座標を取得します。
var x = document.getElementById("venus").coords;
定義と使用法
coordsプロパティは、領域のcoords属性の値を設定または返します。
coords属性は、領域のx座標とy座標を指定します。
coords属性は、領域のサイズ、形状、および配置を指定するために、shape属性と一緒に使用されます。
ヒント:エリアの左上隅の座標は0,0です。
ヒント:shapeプロパティを使用して 、領域のshape属性の値を設定または返します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
coords | Yes | Yes | Yes | Yes | Yes |
構文
coordsプロパティを返します。
areaObject.coords
coordsプロパティを設定します。
areaObject.coords = value
プロパティ値
Value | Description |
---|---|
x1, y1, x2, y2 | If the shape attribute is set to "rect", it specifies the coordinates of the top-left corner and the bottom-right corner of the rectangle |
x, y, radius | If the shape attribute is set to "circle", it specifies the coordinates of the circle center and the radius |
x1, y1, x2, y2, .., xn, yn | If the shape attribute is set to "poly", it specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser must add the last coordinate pair to close the polygon |
技術的な詳細
戻り値: | 座標のコンマ区切りリストを表す文字列 |
---|
その他の例
例
画像マップの特定の領域の座標を変更します。
document.getElementById("venus").coords = "90, 58, 3";
関連ページ
HTMLリファレンス:HTML <area> coords属性
❮エリアオブジェクト