使用jQuery绘制坐标的方法

jQuery drawing method using coordinates

本文关键字:方法 坐标 绘制 jQuery 使用      更新时间:2023-09-26

我是Javascript/jQuery的初学者。我有一组坐标属于一个区域元素,我想知道如果以下是可能的:当我鼠标在区域元素,jQuery有一个方法,将绘制由这些坐标定义的矩形?或者你知道有什么库/插件可以做到这一点吗?

我知道我不能在一个区域元素上使用jQuery .show()方法,但这是我正在寻找的效果。

一种方法是使用jQuery的offset方法来翻译事件。pageX和事件。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...
});