最新的Web开发教程
 

Area coords Property

<区域对象

获得在图像映射的特定区域的坐标:

var x = document.getElementById("venus").coords;

x的结果将是:

124,58,8
试一试»

定义和用法

所述COORDS属性设置或返回的值coords的区域的属性。

所述coords属性指定x和的区域的y坐标。

所述coords属性与一起使用shape属性来指定的大小,形状,以及区域的放置。

Tip:区域的左上角的坐标是0,0。

提示:使用形状属性来设置或返回的值shape的区域的属性。


浏览器支持

属性
coords

句法

返回COORDS属性:

areaObject .coords

将COORDS属性:

areaObject .coords= 属性值
描述
x1,y1,x2,y2 如果shape属性设置为"rect" ,它指定了左上角的坐标和矩形的右下角
x,y,radius 如果shape属性被设置为"circle"时,它指定圆心和半径的坐标
x1,y1,x2,y2,..,xn,yn 如果shape属性被设置为"poly" ,它指定多边形的边的坐标。 如果第一个和最后一个坐标对是不一样的,浏览器必须添加对最后一个坐标来关闭多边形

技术细节

返回值: 一个字符串,代表一个逗号分隔坐标列表

更多示例

更改坐标在图像映射中的特定区域:

document.getElementById("venus").coords = "90,58,3";
试一试»

相关页面

HTML参考: HTML <area> COORDS属性


<区域对象