Créer une carte de sélection gratuite de l'image

Question

Je voudrais savoir s'il y a un moyen pour moi de créer une carte d'image avec la sélection libre. J'ai jusqu'ici seulement trouvé le rectangle, le polygone et le crop circle. Je veux savoir s'il est possible de choisir une zone sélectionnée.

Answer 1

Oui, ça s'appelle poly, ça marche à peu près de la même façon, il ne vous reste plus qu'à définir une liste de coordonnées. Par exemple:

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

Les dénivelés sont les coordonnées X et les même les pour les coordonnées Y.