HTML <area> coordsคุณสมบัติ
ตัวอย่าง
ใช้แอตทริบิวต์ coords เพื่อระบุพิกัดของแต่ละพื้นที่ในแผนผังรูปภาพ:
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
ความหมายและการใช้งาน
แอตทริบิวต์coordsระบุพิกัดของพื้นที่ในแผนผังรูปภาพ
แอตทริบิวต์coordsนี้ใช้ร่วมกับshapeแอตทริบิวต์เพื่อระบุขนาด รูปร่าง และตำแหน่งของพื้นที่
เคล็ดลับ:พิกัดของมุมบนซ้ายของพื้นที่คือ 0,0
รองรับเบราว์เซอร์
| Attribute | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<area coords="value">
ค่าแอตทริบิวต์
| Value | Description |
|---|---|
| x1,y1,x2,y2 | Specifies the coordinates of the top-left and bottom-right corner of the rectangle (shape="rect") |
| x,y,radius | Specifies the coordinates of the circle center and the radius (shape="circle") |
| x1,y1,x2,y2,..,xn,yn | Specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser will add the last coordinate pair to close the polygon (shape="poly") |
❮ แท็ก HTML <พื้นที่>