Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erklärung zum Erstellen einer Bildzuordnung des -Tags in HTML

Ausführliche Erklärung zum Erstellen einer Bildzuordnung des -Tags in HTML

黄舟
黄舟Original
2017-08-11 13:33:012364Durchsuche

Der folgende Code dient zum Erstellen einer Bildzuordnung für das Bild und ich hoffe, er kann auch Freunden helfen, die es später lernen werden.

<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>

Die Form in diesem Code bezieht sich auf die Form des Klickbereichs, und die Koordinaten sollten sich auf die Koordinaten des Linkbereichs im Bild (in Pixeln) beziehen.

Form
1. Rechteck Die Koordinaten sind (x1, y1) und die Koordinaten des unteren rechten Eckpunkts sind (x2, y2)
2. Kreis: (Die Mitte Die Koordinate ist (X1, y1), der Radius ist r)
3. Polygon: (jeder Scheitelpunkt Die Koordinaten sind (x1,y1), (x2,y2), (x3,y3)...)

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Erstellen einer Bildzuordnung des -Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn