gpt4 book ai didi

javascript - 检测 HTML 元素从顶部到左侧的距离?

转载 作者:技术小花猫 更新时间:2023-10-29 12:48:57 25 4
gpt4 key购买 nike

我在 HTML5 文档中有一个标签。

如何使用 JavaScript 检测从 HTML 页面左上角到 canvas 标签左上角的距离?

我需要能够相对于 Canvas 定位动态生成的 html 标签。

最佳答案

getBoundingClientRect() 是您的好 helper ,所有浏览器的最新版本(Firefox 3、Safari 4、Chrome、Opera 9.5、IE 5)都支持它。但是,它会为您提供相对于视口(viewport)而不是页面的坐标,因此您需要添加文档的滚动量:

function getPageTopLeft(el) {
var rect = el.getBoundingClientRect();
var docEl = document.documentElement;
return {
left: rect.left + (window.pageXOffset || docEl.scrollLeft || 0),
top: rect.top + (window.pageYOffset || docEl.scrollTop || 0)
};
}

关于javascript - 检测 HTML 元素从顶部到左侧的距离?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7610974/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com