創建一個免費的選擇圖像地圖

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座標。