html - 地图上的 HTML“甜甜圈”

Question

我知道可以在 a 上制作一个正方形/矩形和一个圆形<map>，但是是否可以制作一个“甜甜圈”形状，即一个带有小同心圆的大圆？

Answer 1

这是带有小提琴的代码：

http://jsfiddle.net/DUgBB/1/

<div style="text-align:center; width:300px; margin-left:auto; margin-right:auto;">
<img id="mapimg" src="http://1.bp.blogspot.com/-ddhpRGckLK8/Tu3MuGz111I/AAAAAAAABbM/imvskMreBFs/s1600/dunkin+donuts+printable+coupons_25281_2529.jpg" usemap="#map" border="0" width="300" height="300" alt="" />
<map id="map" name="map">
<area shape="poly" coords="34,81,87,35,142,17,218,36,265,82,280,159,237,240,165,278,82,265,13,161,32,89,121,128,109,164,126,191,169,182,190,147,179,126,151,120,128,128,39,82," href="http://google.com/" alt="" title=""   />
</map>
</div>
        ​

这是一个演示它的图像：

可怕的手绘甜甜圈

我基本上已经制作了一个自定义多边形，其中的点环绕成一个甜甜圈形状。