Area coordsEigenschaft

Area 对象参考手册Area-Objekt

Definition und Verwendung

Die coords-Eigenschaft kann den Wert des coords-Attributs eines area-Elements setzen oder zurückgeben.

Das coords-Attribut beschreibt die Koordinaten eines anklickbaren Bereichs in einer Image-Map.

Tipp:Die Koordinaten der oberen linken Ecke des Bereichs sind 0,0.

Syntax

areaObject.coords=value

Die coords-Ausgabe kann die folgenden Werte haben:

Wert Beschreibung
x1,y1,x2,y2 Wenn das shape-Attribut auf "rect" gesetzt ist, gibt es die Koordinaten der oberen linken und der unteren rechten Ecke des Rechtecks an.
x,y,radius Wenn das shape-Attribut auf "circle" gesetzt ist, gibt es die Mittelpunktkoordinaten und den Radius an.
x1,y1,x2,y2,..,xn,yn 如果 shape 属性设置为 "poly"，则指定多边形的坐标。如果第一个和最后一个坐标不相同，浏览器必须添加一个坐标来闭合多边形。

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有浏览器都支持 coords 属性。

Beispiele

Beispiele

返回图像映射中 "Venus" 区域的坐标：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
</head>
<body>

<img src="planets.gif.html" width="145" height="126" usemap="#planetmap">
<map name="planetmap">
<area id="venus" shape="circle" coords="124,58,8" alt="Venus" href="venus.htm.html">
</map>
<p>Venus 的坐标：
<script>
document.write(document("venus").coords);
</script>
</p>

</body>
</html>

Die Ausgabe des obigen Beispiels:

Venus 的坐标：124,8,8

Selbst ausprobieren »

Area 对象参考手册Area-Objekt Weitere Erweiterungen