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") |
❮ HTML <area> 标签