HTML绝对坐标,如何用绝对位置获取元素的绝对坐标(JavaScript,浏览器)

要理解这个问题你可以更好的访问我repository at GitHub.的index.html是在文件夹“/资源”

所以,我有一些其他的可拖动窗口和我的一些可拖动的窗口(与interact.js)想要通过lines-div来连接它们的中心(它们是用div进行绘制并进行一些转换的)。

我使用this method来渲染线(也许这里有一些问题)。我曾尝试使用jsPlumb的线条画,但我失败了:(

有越来越点x和y。

// bottom right

var x1 = offset1.left - margin1.left + size1.width/2 - (this.dom.getAttribute('data-x') || 0);

var y1 = offset1.top - margin1.top + size1.height/2 - (this.dom.getAttribute('data-y') || 0);

// top right

var x2 = offset2.left - margin2.left + size2.width/2 - (this.dom.getAttribute('data-x') || 0);

var y2 = offset2.top - margin2.top + size2.height/2 - (this.dom.getAttribute('data-y') || 0);

(this.dom.getAttribute( '数据-X')|| 0 ) - 这对Interact.js

function getMargins(elem) {

var top = 0, left = 0;

while (elem.parentNode) {

top = top + parseFloat(window.getComputedStyle(elem).marginTop.replace('px', ''));

left = left + parseFloat(window.getComputedStyle(elem).marginLeft.replace('px', ''));

elem = elem.parentNode;

}

return { top: Math.round(top), left: Math.round(left) }

}

function getOffsetRect(elem) {

// (1)

var box = elem.getBoundingClientRect()

// (2)

var body = document.body

var docElem = document.documentElement

// (3)

var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop

var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft

// (4)

var clientTop = docElem.clientTop || body.clientTop || 0

var clientLeft = docElem.clientLeft || body.clientLeft || 0

// (5)

var top = box.top + scrollTop - clientTop

var left = box.left + scrollLeft - clientLeft

return { top: Math.round(top), left: Math.round(left) }

}

你能不能帮我获得中心坐标在此先感谢

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值