Как я могу получить координаты x / y элемента SVG (путь и т. Д.), Который не имеет атрибутов X / Y?

Question

Я пытаюсь определить положение элементов SVG, используя Javascript. Мне удалось получить позицию на элементах, у которых установлен атрибут X / Y. Но элементы, такие как пути, не имеют этого атрибута. По крайней мере, в моих документах.

Есть ли способ вычислить позицию, отличную от взятия первого числа в «пути»?

Спасибо, Morten

Answer 1

Вы можете использовать функцию getBBox(), чтобы получить ограничивающую рамку для пути. Это даст вам положение и размер самого плотного прямоугольника, который может содержать отрендеренный путь.

Преимущество использования этого метода перед чтением значений x и y состоит в том, что он будет работать со всеми графическими объектами. Есть больше объектов, чем путей, которые не имеют x и y, например, круги, которые имеют вместо cx и cy.

Ссылка: getBBox() в стандарте SVG v1.1.