js 获取节点相对于屏幕的坐标位置,获取节点的宽高,获取鼠标事件回调的鼠标位置,计算鼠标相对于某个节点下的坐标

获取节点相对于屏幕的坐标位置:

document.getElementById('svgBoxId').getBoundingClientRect()

获取节点的宽高:

document.getElementById('svgBoxId').offsetWidth
document.getElementById('svgBoxId').offsetHeight

获取鼠标事件回调的鼠标位置:

javascript 复制代码
var mouseX = event.pageX;
  var mouseY = event.pageY;
  console.log('鼠标位置:', mouseX, mouseY);

计算鼠标相对于某个节点下的坐标:

鼠标位置 - 节点位置

注意:都是相对于屏幕的位置。

相关推荐
再学一点就睡3 分钟前
大文件上传之切片上传以及开发全流程之前端篇
前端·javascript
独好紫罗兰35 分钟前
洛谷题单2-P5713 【深基3.例5】洛谷团队系统-python-流程图重构
开发语言·python·算法
闪电麦坤952 小时前
C#:base 关键字
开发语言·c#
Mason Lin2 小时前
2025年3月29日(matlab -ss -lti)
开发语言·matlab
DREAM.ZL2 小时前
基于python的电影数据分析及可视化系统
开发语言·python·数据分析
難釋懷2 小时前
JavaScript基础-移动端常见特效
开发语言·前端·javascript
海姐软件测试2 小时前
Postman参数化设置如何设置?
开发语言·jmeter
松树戈2 小时前
Java常用异步方式总结
java·开发语言
weisian1512 小时前
Java常用工具算法-3--加密算法2--非对称加密算法(RSA常用,ECC,DSA)
java·开发语言·算法
Uncertainty!!2 小时前
python函数装饰器
开发语言·python·装饰器