Convert SVG <rect> x,y cordinate to HTML cordinate

svg-coordinates.js

// Convert SVG <rect> x,y cordinate to HTML cordinate
var svg = this;
var svg_el = document.getElementsByClassName(element_class);
var rootSVG = document.querySelector("#front-view svg");
var point = rootSVG.createSVGPoint();
var matrix, position;
matrix = svg_el[0].getCTM();
point.x = svg.attr('x');  
point.y = svg.attr('y');  
position = point.matrixTransform(matrix);

el.style.left = position['x'] + 'px';
el.style.top = position['y'] + 'px';