HTML <area> coords 属性

Tag ng HTML <area>

Paglalarawan at paggamit

Atributo ng coords Atributo na nagtatalaga ng koordinado ng lugar sa image map.

Atributo ng coords Atributo na may kaugnayan sa Atributo ng shape Ginagamit para tukuyin ang laki, hugis at posisyon ng lugar.

Pagkakaintindi:Ang koordinado ng itaas ng lugar ay 0,0.

Babala:Kung ang koordinado ng isang tag na area ay nakakalagay sa ibang lugar, ang pinakauna ay pinapahalagahan. Ang browser ay magiging di-mahalaga sa mga koordinado na walang hangganan sa hangganan ng larawan.

Halimbawa

Gamitin ang atributo ng coords upang tukuyin ang koordinado ng bawat lugar sa image map:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.htm" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.htm" alt="Venus">
</map>

Subukan nang sarili

Pangangatwiran

<area coords="value">

Halaga ng atributo

Halaga Paglalarawan
x1,y1,x2,y2 Tuturuan ang koordinado ng itaas at kanang bahagi ng heptagono (shape="rect").
x,y,radius Tuturuan ang koordinado ng sentro at ang laki ng bilog (shape="circle").
x1,y1,x2,y2,..,xn,yn

Tuturuan ang koordinado ng gilid ng heptagono.

Kung ang unang at huling pares ng koordinado ay hindi magkapareho, ang browser ay magdagdag ng huling pares ng koordinado upang isara ang heptagono (shape="poly").

Detalyadong paliwanag:

Ang coords na atributo ng <area> tag ay nagtatalaga ng koordinado ng maliwanag na lugar sa image map na masasagot ng mouse. Ang numero at kahulugan ng koordinado ay depende sa hugis ng lugar na pinili sa atributo ng shape.

Nakalista sa ibaba ang magandang halaga ng bawat hugis:

Bilog: shape="circle", coords="x,y,z"

Dito, ang x at y ay nagtatalaga ng posisyon ng sentro ng bilog ("0,0" ay ang koordinado ng itaas ng matinding kanang bahagi ng larawan), at r ay ang laki ng bilog sa bawat pixel.

Heptagono: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

Bawat pares ng "x,y" na koordinado ay nagtatalaga ng isang pinto ng heptagono ("0,0" ay ang koordinado ng itaas ng matinding kanang bahagi ng larawan). Ang paglalarawan ng tatsulok ay nangangailangan ng tatlong pares ng koordinado; ang mataas na latitude ng heptagono ay nangangailangan ng mas maraming pinto.

สี่เหลี่ยมผืนผ้าจะปิดตัวเองโดยอัตโนมัติ ดังนั้นไม่จำเป็นที่จะระบุคออร์ดิเนทแรกอีกครั้งในท้ายของรายการเพื่อปิดพื้นที่ทั้งหมด

สี่เหลี่ยมผืนผ้า：shape="rectangle"，coords="x1,y1,x2,y2"

คออร์ดิเนท์แรกเป็นคออร์ดิเนทของโคนหนึ่งของสี่เหลี่ยมผืนผ้า คออร์ดิเนทอีกคู่เป็นคออร์ดิเนทของโคนที่เหลือของสี่เหลี่ยมผืนผ้า "0,0" เป็นคออร์ดิเนทของมุมบนขวาของภาพ โปรดจำได้ว่า การกำหนดสี่เหลี่ยมผืนผ้าเป็นวิธีที่เรียบง่ายของการกำหนดรูปทรงหลายเหลี่ยมที่มีสี่จุดหัวข้อ

ตัวอย่าง XHTML ด้านล่างนี้ในมุมล่างของภาพ 100x100 พิกเซลที่สี่ที่สุดของภาพ กำหนดพื้นที่ที่ตอบสนองต่อเมาส์ และกำหนดพื้นที่ทรงกลมที่กลางภาพ

<map name="map">
  <area shape="rect" coords="75,75,99,99" nohref="nohref">
  <area shape="circ" coords="50,50,25" nohref="nohref">
</map>

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

Tag ng HTML <area>