Rectangle Coordinates After Transform

I am currently drawing a rectangle with a transformation on his parent element (g). The resulting svg is this;

Solution 1:

I found the solution myself;

var matrix = shape.getCTM();

// transform a point using the transformed matrix
var position = svg.createSVGPoint();
position.x = $(shape).attr("x");
position.y = $(shape).attr("y");
position = position.matrixTransform(matrix);

Share

You may like these posts

• 
  React-redux - Create A Search Filter
• 
  I Need To Extract Somehow (probably Using Javascript) Some Information In My Clients' Websites. What's The Best Way To Do It?
• 
  Trying To Update Css Variable Using Javascript Addeventlistener, But It Is Working Only Once
• 
  Disable Onclick Event If Anchor Href Link Was Executed