Metrics of transformed SVG element
get_metrics() in this jsbin example implements getting various metrics of transformed object.
newp[0] - newp[3] (red dots) are transformed object's corner points in clockwise order starting from top left corner. Red dashed lines are lines connecting these points
width, height are width and height of transformed object (ie. no of bounding box)
toplen, rightlen, bottomlen, leftlen are side (red dashed lines) lengths of transformed object (ie no of bounding box)
BBx, BBy are coordinates of top left corner (blue dots) of bounding box
BBx2, BBy2 are coordinates of bottom right corner (blue dots) of bounding box
BBwidth, BBheight are width and height of bounding box (blue dashed lines)