Как вывести позицию бэкграунда в пикселях с помощью JS, когда изначально в CSS задано центрирование (50% или center)?

Question

[AlelxSSS]

Привет знатокам!
Нужно вывести конкретное значение backgroundPositionY для последующего использования, но все, что я пробовал, выводит 50%... даже getComputedStyle, хотя он вроде должен как-раз в пикселях все выводить, нет?

var elem = document.getElementById("Home");
var theCSSprop = getComputedStyle(elem, null).backgroundPositionY;
alert(theCSSprop);

background: url(http://peterbald-cat.ru/oboi/1/tancy_devushka_ruka_poza_ulybka_breyk_dans_dvizhenie_1920x1200.jpg) no-repeat fixed;
background-position: center center;
background-size: cover;

Answer 1

[Александр Коротаев]

Не должен, по спецификации, если ему указано 50% то он его и выводит, точные значения находятся в рендере браузера, а до него не достучаться.

Остается старая добрая эмуляция работы свойств: берем картинку -> загружаем -> расчитываем смещение для центрирования -> смещаем картинку относительно блока.

так получаются нужные значения смещений.