Показать сообщение отдельно
  #1 (permalink)  
Старый 05.12.2018, 13:20
Новичок на форуме
Отправить личное сообщение для Vad0k Посмотреть профиль Найти все сообщения от Vad0k
 
Регистрация: 30.11.2018
Сообщений: 8

Абсолютное (translate) смешение элемента <g> внутри SVG
Доброго времени суток, форумчане.
Подскажите, как правильно получить координаты элемента группы <g> и элементов вложенных в эту группу относительно SVG контейнера.

Пример кода:
<svg width="100%" height="100%" viewBox="0 0 1000 1000" preserveAspectRatio="xMidYMin slice" x="0" y="0" class="canvas-svg" tabindex="1">
<g transform="translate(100 100)">
     <g transform="translate(100 100)"> 
          <circle r="50" cx="25" cy="25" fill="yellow" />
     </g>
</g>
<svg>

Хотелось бы получить абсолютные координаты окружности относительно родительского SVG, а не относительные относительно контейнера используя JS(ES6+ )<g>.

Может это поможет, что я имею ввиду.

Последний раз редактировалось Vad0k, 05.12.2018 в 17:32.
Ответить с цитированием