Erstellen Sie eine kostenlose Bildkarte auswählen

Question

Ich würde gerne wissen, ob es eine Möglichkeit für mich ist, Image Map mit freier Auswahl zu erstellen. Ich habe bisher nur Rechteck, Polygon und Kreis gefunden. Ich möchte wissen, ob es möglich ist, einen ausgewählten Bereich auszuwählen.

Answer 1

Ja, es heißt poly, es funktioniert genauso, Sie müssen nur eine Liste von Koordinaten definieren. Zum Beispiel:

img { position: absolute; left: 0; top: 0; width: 100px; height: 100px; } 
 
div { position: absolute; } 
 
#div1 { left: 17px; top: 51px; width: 49px; height: 38px; background-color: #ccc; } 
 
#div2 { left: 17px; top: 26px; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #ccc; }

<map name="map"> 
 
    <area href="/" shape="poly" coords="17,51,42,26,66,51,66,89,17,89" /> 
 
</map> 
 

 
<div id="div1"></div> 
 
<div id="div2"></div> 
 
<img src="#" usemap="#map" />

Die uneben diejenigen sind für X-Koordinaten und die geraden für Y-Koordinaten.