Estoy experimentando problemas relacionados con la posición del cursor del mouse dentro de mi documento SVG. Me gustaría diseñar un potenciómetro que siga el cursor cuando se arrastre, usandoJavaScript en una página HTML.

Probé evt.clientX / Y y evt.screenX / Y pero como mi SVG está enauto escala, las coordenadas dentro de mi SVG son diferentes. He estado buscando una respuesta por días, pero no pude encontrar ninguna solución (ya sea conocer mi factor de reescalado de SVG en tiempo real o tener una función para la ubicación del mouse en el sistema de coordenadas de SVG).

La rotación seguirá una regla simple:

if (evt.screenX <xc)

ang = Math.atan ((evt.screenY - yc) / (evt.screenX - xc)) * 360 / (2 * Math.PI) - 90;
if (evt.screenX> xc)
ang = Math.atan ((evt.screenY - yc) / (evt.screenX - xc)) * 360 / (2 * Math.PI) + 90;

Con (xc; yc) como centro de rotación y reemplazando todos los evt.screenX / Y por las coordenadas del mouse dentro de mi SVG.