Skip to content Skip to sidebar Skip to footer
Home / Html / Javascript / Svg

Rectangle Coordinates After Transform

Post a Comment
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);

You may like these posts

Post a Comment for "Rectangle Coordinates After Transform"