Paano ako makalikha ng isang mapa ng imahe ng html?

Kapag ang isang link ay idinagdag sa isang imahe sa Hypertext Markup Language (HTML), ang link na iyon ay idinagdag sa buong imahe.Maaari itong maging isang problema kung nais ng programmer na gumawa ng isang solong imahe na may maraming mga lugar o pindutan at ang bawat lugar ay ginagamit para sa ibang link.Pinapayagan ng isang mapa ng imahe ng HTML ang programmer na tukuyin ang ilang mga lugar kung saan pupunta ang link, na nagpapahintulot sa kanya na mag -embed ng ilang mga link sa isang imahe.Ginagawa ito sa pamamagitan ng pagtukoy ng isang hugis para sa link at pagsasabi sa HTML kung ano ang mga coordinate na gagamitin para sa link.

Ang mga larawang ginamit para sa internet ay sinusukat sa mga pixel.Alam kung gaano karaming mga pixel ang nasa imahe ay ang unang mahahalagang hakbang sa paglikha ng isang mapa ng imahe.Halimbawa, ang isang hugis -parihaba na imahe ay ginagamit na may taas na 400 na mga piksel at isang lapad ng 250 mga piksel.Susunod, ang programmer ay kailangang malaman kung paano tumpak na masukat ang hugis sa mga coordinate para sa mapa ng imahe ng HTML upang gumana nang maayos.

Ang tuktok na kaliwang sulok ay tinatawag na 0,0 kapag gumagamit ng isang mapa ng imahe ng HTML.Ang kanang kanang sulok sa kasong ito ay magiging 250,400.Ang mga sukat ay ginawa gamit ang lapad muna, at pagkatapos ay ang taas.Ang isang madaling paraan upang isipin ito ay ang unang pagsukat ay nagsasabi sa HTML kung gaano kalayo sa kanan na pumunta mula sa kaliwang gilid at ang pangalawa ay kung paano ito nagsasabi kung gaano karaming mga pixel na pupunta.Kung ang programmer ay nais ng isang punto sa mapa na maging 10 mga piksel mula sa kaliwang gilid at 50 mga pixel pababa, ang mga coordinate ay magiging 10,50.at poligon.Ang Rect ay nakatayo para sa rektanggulo, at ang programmer ay kailangang munang i -type ang mga coordinate para sa tuktok na kaliwang sulok at pagkatapos ay sa kanang ibaba.Ang isang bilog ay tinukoy sa pamamagitan ng pag -type ng mga coordinate kung saan nagsisimula ang bilog, at pagkatapos ay radius ng bilog.Ang isang polygon ay nilikha sa pamamagitan ng pag -type sa lahat ng limang mga coordinate, mula sa itaas hanggang kanan.10,50,20,60 gt;

lt; lugar href ' url.html hugis ' bilog na coords ' 10,50,4 gt;

lt; lugar href ' url.html hugis ' polygon coords ' 10,50,12,55,15,60,13,65,8,55 gt;

Ang bawat mapa ng imahe ng htmlitoKapag ang imahe ay inilalagay sa website na may HTML, dapat isulat ng programmer: usemap ' pagsubok.Sasabihin nito sa imahe kung ano ang gagamitin ng mapa ng imahe ng html.