HTML / Javascript: получить X, Y координаты элемента круга

287
Steve G.

Мне нужно получить координаты X и Y элемента круга HTML в Javascript. Вот мой HTML-код:

 <svg id="hotspot_canvas" name="hotspot_canvas" class="hotspot" width="800" height="1570.66666667" style="background-image: url('images/characters/fullbody/1.jpg'); background-size: 800px 1570.66666667px;"> <circle class="hotspot" id="hotspot0" name="hotspot0" cx="300" cy="75" r="50" href="javascript:void(0);" onclick="MovePopup('0', 200, 200);" onmouseover="MovePopup('0', 200, 200);" onmouseout="MovePopup('0', 200, -1000)" alt="" /> </svg>

В моей подпрограмме MovePopup Javascript у меня есть этот код:

function MovePopup(id, xcoord, ycoord) { var hotspot = document.getElementById('hotspot' + id); window.alert('Hotspot is ' + hotspot.style.left + ' pixels from the left of the window'); }

Что мне нужно, так это получить количество пикселей слева от всего окна (не только элемента SVG), но все, что я пробую, дает мне либо «неопределенный», либо ничего. Кто-нибудь знает, что я делаю не так? Спасибо!

0

0 ответов на вопрос

Похожие вопросы