HTML DOM 지역 특성을 좌표
지역 객체 정의 및 사용
좌표는 속성 집합을 좌표 또는 영역의 속성 값을 반환합니다.
좌표 속성은 클릭 가능한 이미지 맵 영역의 좌표를 설명합니다.
팁 : 좌표 0,0의 왼쪽 상단 영역입니다.
문법
areaObject.coords=value
좌표 출력은 다음 값이 될 수 있습니다 :
| 值 | 描述 |
|---|---|
| x1,y1,x2,y2 | 如果 shape 属性设置为"rect"，它 指定的左上角和右下角的矩形坐标 |
| x,y,radius | 如果 shape 属性设置为"circle"，它 指定圆心坐标和半径 |
| x1,y1,x2,y2,..,xn,yn | 如果 shape 属性设置为 "poly"，它 指定多边形的的坐标。如果第一个和最后一个 坐标是不一样的，浏览器必须加上一个闭合多边形的坐标 |
브라우저 지원
모든 주요 브라우저는 좌표 속성 지원
예
예
이미지 맵 "비너스"지역의 좌표를 반환합니다 :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.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.htm">
</map>
<p>金星的坐标:
<script>
document.write(document.getElementById("venus").coords);
</script>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.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.htm">
</map>
<p>金星的坐标:
<script>
document.write(document.getElementById("venus").coords);
</script>
</p>
</body>
</html>
위의 출력의 예 :
金星的坐标: 124,58,8
»시도
지역 객체