座標マッピング

画像をダブルクリックすると座標（X,Y）を表示します。

coords 属性は、 shape 属性の座標を寸法、形状、<area> の配置について詳述します。 この属性は shape が default に設定されていた場合は使用してはいけません。

• rect: 値は x1,y1,x2,y2 です。 値は長方形の左上と右下の座標を指定します。
  例: <area shape="rect" coords="0,0,253,27" href="#" target="_blank" alt="Mozilla"> では座標は 0,0 と 253,27 であり、それぞれ長方形の左上と右下の角を示します。
• circle: 値は x,y,radius です。値は円の中央の座標と半径を指定します。
  例: <area shape="circle" coords="130,136,60" href="#" target="_blank" alt="MDN">
• poly: 値は x1,y1,x2,y2,..,xn,yn です。値は多角形の角の座標を指定します。 先頭と末尾の座標が同じではない場合、ブラウザーは最後に座標を追加して多角形を閉じます。

値は CSS ピクセルの数です。