轻松上手,快乐学习!

HTML <area> coords 属性


实例

使用 coords 属性指定图像地图中每个区域的坐标:

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="太阳">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="水星">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="金星">
</map>
亲自试一试 »

定义和用法

coords 属性规定区域的 x 和 y 坐标。

coords 属性与 shape 属性配合使用,来规定区域的尺寸、形状和位置。

提示: 图像左上角的坐标是 0,0


浏览器支持

属性
coords Yes Yes Yes Yes Yes

语法

<area coords="value">

属性值

描述
x1,y1,x2,y2 指定矩形的左上角和右下角的坐标 (shape="rect")
x,y,radius 指定圆心和半径的坐标 (shape="circle")
x1,y1,x2,y2,..,xn,yn 指定多边形边的坐标。如果第一个和最后一个坐标对不相同,浏览器将添加最后一个坐标对以闭合多边形 (shape="poly")