無料の選択画像マップを作成する

Question

自由選択で画像マップを作成する方法があるかどうかを知りたいと思います。私は、これまで矩形、多角形、円の作物しか見つけていませんでした。私は選択されたエリアを選ぶことが可能かどうかを知りたい。

Answer 1

はい、それはpolyと呼ばれていますが、ほとんど同じですが、座標のリストを定義するだけで済みます。例えば ：

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

不均一なものはX座標とY座標の偶数番目のもののためのものです。