Get element position X Y

[lisartur]

I have element SVG

<path id="5" class="fil3" d="M20 75c13,23 32,42 55,55 23,-13 42,-32 55,-55 -13,-23 -32,-42 -55,-55 -23,13 -42,32 -55,55z"/>

 

And if i transform this object how get x, y position?

 

[Shaun Gorneau]

You can just ask for the top/left after the transform

 

See the Pen RMLEve by sgorneau (@sgorneau) on CodePen

 

If you're asking for the new position of a specific vertex after the square is rotated 90º, it would just be the original position on the axis it's moved across plus the length of the side in tow.

 

If asking for something more complicated, this SE post could help

 

https://math.stackexchange.com/questions/1917449/rotate-polygon-around-center-and-get-the-coordinates

[OSUblake]

Dealing with coordinates inside an SVG is complicated, especially if the SVG has a viewBox.

 

See the Pen 7385d228427bb3e2cafe3e55ba509fe9 by osublake (@osublake) on CodePen

 

 

I wrote this script to help get the transformed bounds of SVG elements. That's commonly known as an axis-aligned bounding box, or AABB.

 

See the Pen JMvVyo by osublake (@osublake) on CodePen