使用座標的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... 
});