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

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

鼠标位置 - 节点位置

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

相关推荐
小杨快跑~几秒前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui
我叫张小白。1 小时前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
代码游侠1 小时前
日历的各种C语言实现方法
c语言·开发语言·学习·算法
草莓熊Lotso1 小时前
unordered_map/unordered_set 使用指南:差异、性能与场景选择
java·开发语言·c++·人工智能·经验分享·python·网络协议
娃哈哈哈哈呀6 小时前
formData 传参 如何传数组
前端·javascript·vue.js
夏天的味道٥7 小时前
@JsonIgnore对Date类型不生效
开发语言·python
小白学大数据8 小时前
Python爬虫伪装策略:如何模拟浏览器正常访问JSP站点
java·开发语言·爬虫·python
2503_928411568 小时前
11.24 Vue-组件2
前端·javascript·vue.js
SEO_juper8 小时前
别再纠结LLMs.txt了!它背后的真相与最佳使用场景,一文讲透。
开发语言·ai·php·数字营销
g***B7389 小时前
JavaScript在Node.js中的模块系统
开发语言·javascript·node.js