Area shapePropiedad
Objeto Area
Definición y uso
La propiedad shape puede establecer o devolver el valor del atributo shape de un área.
La propiedad shape especifica la forma de un área en un mapa de imagen.
Sintaxis
areaObject.shape=value
La propiedad shape puede tener los siguientes valores:
| Valor | Descripción |
|---|---|
| default | Especifica el área completa |
| rect | Define un área rectangular |
| circle | Define un área circular |
| poly | Define un área poligonal |
Soporte del navegador
Todos los navegadores principales son compatibles con la propiedad shape.
Ejemplo
Ejemplo
El siguiente ejemplo devuelve la forma del área "Venus" en el mapa de imagen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial para novatos (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>La forma del área de Venus:
<script>
document.write(document.getElementById("venus").shape);
</script>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial para novatos (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>La forma del área de Venus:
<script>
document.write(document.getElementById("venus").shape);
</script>
</p>
</body>
</html>
El resultado del ejemplo anterior:
La forma del área de Venus: circle
Pruébalo »
Objeto Area Otras extensiones