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);

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

鼠标位置 - 节点位置

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

相关推荐
weixin_399264297 分钟前
QT C++ QtConcurrent::run 异步任务 简单例子
开发语言·c++
东方忘忧12 分钟前
QT MD5校验文件和数据的完整性
开发语言·qt
nqqcat~14 分钟前
C语言机试编程题
c语言·开发语言·考研·算法
tnnnnt37 分钟前
今天锐评一下C#
开发语言·c#
勘察加熊人43 分钟前
angular轮播图
前端·javascript·angular.js
NoneCoder1 小时前
JavaScript系列(83)--正则表达式高级详解
javascript·正则表达式
勘察加熊人1 小时前
angular新闻列表分页
前端·javascript·angular.js
勘察加熊人1 小时前
angular贪吃蛇
前端·javascript·angular.js
Knock man1 小时前
C++ 文件操作
开发语言·c++
m0_dawn1 小时前
Python 3.11 69 个内置函数(完整版)
开发语言·python·数据分析