JavaScript DOM Area 对象 coords 属性

• 

  Area 对象 coords 属性

  coords属性设置或返回区域的coords属性的值。coords属性指定区域的x和y坐标。coords属性与shape属性一起使用，以指定区域的大小，形状和位置。

  提示：区域左上角的坐标为0,0。

  提示：使用shape属性设置或返回区域的shape属性的值。

  获取图像映射中特定区域的坐标：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  coords	支持	支持	支持	支持	支持

• 

  语法

  返回coords属性：

  AreaObject.coords

  设置coords属性

  AreaObject.coords = value
• 

  属性值

  值	描述
  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 属性