title: SVG coordinates with transform matrix
body: <p>I want to implement the functionality like svg-edit on rectangle element</p>
  
  <ol>
  <li>Rotate rectangle</li>
  <li>Resizing </li>
  <li>Drag </li>
  </ol>
  
  <p>Rotating the SVG rectangle it works fine, but when I want to resize the rectangle it has a problem. The coordinates are not working right; I use the transform matrix to rotate
  <code>targetelement.setAttribute(transform,rotate(45,cx,cy))</code>
  but when the element has been rotated the coordinates are moved. I'm also using <code>inverse</code> function to inverse the transform matrix it resolves the problem but its not working with drag function.</p>