最新のWeb開発のチュートリアル
 

Area coords Property

<Areaオブジェクト

イメージマップ内の特定の領域の座標を取得します。

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

xの結果は次のようになります。

124,58,8
»それを自分で試してみてください

定義と使用法

COORDSプロパティセットまたはの値を返すcoords領域の属性を。

coords領域のx、y座標を指定する属性。

coords一緒に使用される属性shape領域の大きさ、形状、および配置を指定する属性。

Tip:領域の左上隅の座標は0,0です。

ヒント:使用する形状の値を設定または返すようにプロパティをshape領域の属性を。


ブラウザのサポート

プロパティ
coords はい はい はい はい はい

構文

COORDSプロパティを返します:

areaObject .coords

COORDSプロパティを設定します。

areaObject .coords= プロパティ値
説明
x1,y1,x2,y2 場合はshape属性がに設定されている"rect" 、それは左上隅の座標と矩形の右下隅を指定します
x,y,radius 場合shape属性に設定されている"circle"は、円の中心と半径の座標を指定します
x1,y1,x2,y2,..,xn,yn 場合はshape属性がに設定されている"poly"は、ポリゴンのエッジの座標を指定します。 最初と最後の座標のペアが同じでない場合は、ブラウザは多角形を閉じるには、座標最後のペアを追加する必要があります

技術的な詳細

戻り値: 座標値のカンマ区切りリストを表す文字列、

その他の例

画像マップ内の特定の領域の座標を変更します。

document.getElementById("venus").coords = "90,58,3";
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <area> COORDS属性


<Areaオブジェクト