判断鼠标进入容器方向

判断鼠标进入容器方向_第1张图片


原理代码:

以div容器的中心点作为圆心,以高和宽的最小值作为直径画圆,将圆以[π/4,3π/4),[3π/4,5π/4),[5π/4,7π/4),[-π/4,π/4)划分为四个象限,鼠标进入容器时的点的atan2(y,x)值在这四个象限里分别对应容器边框的下,右,上,左。

计算x坐标值时,如果点原来的x坐标的绝对值大于圆的半径值,则按 h/w 这个比例进行缩小,使得到的点的位置在容器的边界位置所对应的象限区间里。 y 坐标的计算也是一样。

判断鼠标进入容器方向_第2张图片

转载于:https://www.cnblogs.com/lhh520/p/8981570.html

你可能感兴趣的:(判断鼠标进入容器方向)