如何找到元素的sx中心坐标和相关窗口偏移量

Question

我想检索从他自己的 x 中心坐标开始的元素偏移量。

我该怎么做？

实际上我可以找到元素的窗口偏移量，但它从元素的边框检索坐标，如下所示：

var _position = $(this).offset();

Answer 1

您必须使用 offset() 获取顶部和左侧位置，然后将 height() 和 width() 值的一半添加到他们。这给出了中心坐标。

var $this = $(this);
var offset = $this.offset();
var width = $this.width();
var height = $this.height();

var centerX = offset.left + width / 2;
var centerY = offset.top + height / 2;

如果您需要在计算中考虑填充属性，请使用以下内容：

var width = $this.outerWidth();
var height = $this.outerHeight();

Answer 2

现在也可以通过本机 Javascript 来完成此操作：

let centerX = targetNode.offsetLeft + targetNode.offsetWidth / 2;
let centerY = targetNode.offsetTop + targetNode.offsetHeight / 2;

其中 targetNode 是您想要获取其中心坐标的元素。