使用坐标的jQuery绘图方法

Question

我是Javascript/jQuery的初学者。我有一组属于一个区域元素的坐标，我想知道是否有以下可能：当我将鼠标悬停在区域元素上时，jQuery是否有方法可以绘制由这些坐标定义的矩形？或者是否有一些图书馆/插件可以做到这一点？

我知道我不能在区域元素上使用jQuery .show（）方法，但那是我正在寻找的效果。

Answer 1

一种方法是使用jQuery偏移方法将事件中的event.pageX和event.pageY坐标转换为相对于父项的鼠标位置。下面是一个例子：

$("body").hover(function(e){ 
    var offset = $(this).offset(); 
    var relX = e.pageX - parentOffset.left; 
    var relY = e.pageY - parentOffset.top; 

    //You have your rectangle and the mouse position, Now you can check if mouse is in the area or not 
    //Do something... 
});