Area shapeEigenschaft
Area-Objekt
Definition und Verwendung
Die Eigenschaft shape legt den Wert des Attributs shape eines area-Elements fest oder gibt ihn zurück.
Die Eigenschaft shape gibt die Form eines Bereichs in einer Image-Map an.
Syntax
areaObject.shape=value
Die Eigenschaft shape kann die folgenden Werte annehmen:
| Wert | Beschreibung |
|---|---|
| default | Gibt den gesamten Bereich an |
| rect | Definiert einen rechteckigen Bereich |
| circle | Definiert einen kreisförmigen Bereich |
| poly | Definiert einen polygonalen Bereich |
Browser-Unterstützung
Alle wichtigen Browser unterstützen die Eigenschaft shape.
Beispiele
Beispiele
Das folgende Beispiel gibt die Form des Bereichs "Venus" in der Image-Map zurück:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel (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>Form des Venus-Bereichs:
<script>
document.write(document.getElementById("venus").shape);
</script>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel (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>Form des Venus-Bereichs:
<script>
document.write(document.getElementById("venus").shape);
</script>
</p>
</body>
</html>
Die Ausgabe des obigen Beispiels ist:
Form des Venus-Bereichs: Kreis
Selbst ausprobieren »
Area-Objekt Weitere Erweiterungen