如何在页面上实现一个圆形可点击区域 - Candice&Gladys_H5之家

HTML5技术

如何在页面上实现一个圆形可点击区域 - Candice&Gladys

字号+ 作者：H5之家来源：H5之家 2017-06-08 16:00 我要评论( )

1. map+area DW软件实现方法视频： 2. border-radius（H5） 3. 纯js实现求点在不在圆上的简单算法、获取鼠标坐标等等两点之间的距离计算公式 |AB|=Math.abs(Math.sqrt(Math.pow(X2-X1),2)+Math.pow(Y2-Y1,2))) 假设圆心为（100,100）,半径为50，在圆内点

1. map+area

DW软件实现方法视频：

2. border-radius（H5）

3. 纯js实现

求点在不在圆上的简单算法、获取鼠标坐标等等
两点之间的距离计算公式

|AB|=Math.abs(Math.sqrt(Math.pow(X2-X1),2)+Math.pow(Y2-Y1,2)))

假设圆心为（100,100）,半径为50，在圆内点击弹出相应的信息，在圆外显示不在圆内的信息