Area shape 属性
shape 属性可设置或返回某个区域的 shape 属性值。
shape 属性指定了图像映射中某个区域的形状。
语法
areaObject.shape=value
shape 属性可以是以下值:
值 | 描述 |
---|---|
default | 指定整个地区 |
rect | 定义了一个矩形区域 |
circle | 定义了一个圆形区域 |
poly | 定义一个多边形区域 |
浏览器支持
所有主要浏览器都支持 shape 属性。
在线实例
实例
下面的例子可返回图像映射中 "Venus" 区域的形状:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>牛客教程(nowcoder.com)</title> </head> <body> <img src="planets.gif" width="145" height="126" usemap="#planetmap"> <map name="planetmap"> <area id="venus" shape="circle" coords="124,58,8" alt="Venus" href="venus.html"> </map> <p>金星区域的形状: <script> document.write(document.getElementById("venus").shape); </script> </p> </body> </html>
以上实例输出结果:
金星区域的形状: circle