Как найти координаты центра элемента x и соответствующее смещение окна

Question

Я хотел бы получить смещение элемента, начиная с его собственных координат центра х.

как я могу это сделать?

На самом деле я могу найти смещение окна элемента, но оно получаеткоординаты от границы элемента так:

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;

Если вам нужно учитывать свойство padding в своих вычислениях, используйте следующее:

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 - это элемент, для которого вы хотите получить координаты центра.