Home > Article > Web Front-end > How can I implement a circular clickable area on the page?
1. map+area
DW software implementation method Video:
2. border-radius (H5)
<style>
background-color:dimgray;
}
Simple algorithm to find whether a point is on a circle, obtain mouse coordinates, etc.
Distance calculation formula between two points
|AB|=Math.abs(Math.sqrt(Math.pow(X2-X1),2)+Math.pow(Y2-Y1,2))
##var r=50;//Round Radius
## var x1=100,y1=100,x2= e.clientX;y2= e.clientY;
//Calculate the distance between the mouse point position and the center of the circle
## console.log(
"内")## }else{
## console.log("外") down ’ out out through out out through ’ s ’ through ’ through ’ through ’ through ’ through ‐ off ‐ ‐ ‐ n ‐ , to ## }
The above is the detailed content of How can I implement a circular clickable area on the page?. For more information, please follow other related articles on the PHP Chinese website!