Explication détaillée de la création de mappage d'image de la balise en HTML

Un front-end junior. Le code suivant permet de créer un mappage d'image sur l'image. Je l'ai organisé moi-même et j'ai pris une note. J'espère que cela pourra aussi aider des amis qui apprendront plus tard !

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="poly" coords="23,58,8,59,40,70" alt="Venus" href="venus.htm">
</map>

La forme dans ce code fait référence à la forme de la zone de clic, et les coordonnées doivent faire référence aux coordonnées de la zone de lien dans l'image (en pixels).

forme
1. Rectangle Les coordonnées sont (x1, y1), et les coordonnées du sommet du coin inférieur droit sont (x2, y2)
2. Cercle : (Le centre la coordonnée est (X1, y1), le rayon est r)
3. Polygone : (chaque sommet Les coordonnées sont (x1,y1), (x2,y2), (x3,y3)...)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!