Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как узнать расстояние от края элемента внутри svg контейнера? (https://javascript.ru/forum/dom-window/81037-kak-uznat-rasstoyanie-ot-kraya-ehlementa-vnutri-svg-kontejjnera.html)

dc65k 18.09.2020 18:41

Как узнать расстояние от края элемента внутри svg контейнера?
 
Вложений: 1
Всем привет, подскажите, пожалуйста, как программно узнать расстояние от левого края, в данном случает circle, до левого края svg контейнера?
<svg width="800" height="250" style="border: 1px solid #000">
    <circle cx="200" cy="40" r="10"/>
</svg>

voraa 18.09.2020 19:14

Ну это cx-r/2
Только считать придется так

<svg width="800" height="250" style="border: 1px solid #000">
<circle id='circ' cx="200" cy="40" r="10"/>
</svg>

let c = document.getElementById('circ')
let dist = parseFloat(c.getAttribute('cx')) - parseFloat(c.getAttribute('r'))/2


Часовой пояс GMT +3, время: 13:16.