Положение мыши внутри autoscaled SVG

См. Этот код, который не только показывает, как преобразовать из пространства экрана в глобальное пространство SVG, но и как преобразовать точку из пространства SVG в преобразованное пространство элемента:
http://phrogz.net/svg/drag_under_transformation.xhtml

Вкратце:

// Находим root SVG элемента
var svg = document.querySelector('svg');
// Создаем SVGPoint для будущей математики
var pt = svg.createSVGPoint();
// Получаем точку в глобальном пространстве SVG
function cursorPoint(evt){
  pt.x = evt.clientX; pt.y = evt.clientY;
  return pt.matrixTransform(svg.getScreenCTM().inverse());
}
svg.addEventListener('mousemove',function(evt){
  var loc = cursorPoint(evt);
  // Use loc.x and loc.y here
},false);

Я создал образец, соответствующий вашим потребностям (хотя и только в глобальном пространстве SVG)

это добавляет следующий метод:

function rotateElement(el,originX,originY,towardsX,towardsY){
  var angle = Math.atan2(towardsY-originY,towardsX-originX);
  var degrees = angle*180/Math.PI + 90;
  el.setAttribute(
    'transform',
    'translate('+originX+','+originY+') ' +
      'rotate('+degrees+') ' +
      'translate('+(-originX)+','+(-originY)+')'
  );
}

Рабочий пример