怎样在页面上实现一个圆形的可点击区域？

这个问题也可以理解为做一个圆。方案为两种，真的圆和模拟圆

1. map+area , demo
2. 圆角属性（楼上的2.3.4）
3. 判断圆心点和单击点的距离是不是在半径中。（楼上1方案）
4. svg圆

<svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="50" r="40" stroke="black"stroke-width="2" fill="red" onclick="alert(3)"/></svg>