web-dev-qa-db-ja.com

要素のx中心座標と関連するウィンドウオフセットを見つける方法

私は彼自身のx中心座標から始まる要素オフセットを取得したいと思います。

どうすればいいですか？

実際には、要素のウィンドウオフセットを見つけることができますが、次のように要素の境界から座標を取得します。

var _position = $(this).offset();
javascriptjquerycoordinatescenteroffset
28
itsme

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();
61
Rob W

これは、ネイティブJavascriptでも実行できるようになりました。

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

targetNodeは、中心座標を取得する要素です。

10
Strategist