Mam problemy z pozycją kursora myszy w moim dokumencie SVG. Chciałbym zaprojektować potencjometr, który będzie podążał za kursorem podczas przeciągania, używającJavaScript na stronie HTML.

Próbowałem evt.clientX / Y i evt.screenX / Y, ale tak jak mój SVGautomatyczne skalowanie, współrzędne wewnątrz mojego SVG są różne. Szukałem odpowiedzi już od wielu dni, ale nie mogłem znaleźć żadnego rozwiązania (albo znając mój współczynnik przeskalowania SVG w czasie rzeczywistym, albo mam funkcję lokalizacji myszy w systemie współrzędnych SVG).

Rotacja będzie przebiegać według prostej zasady:

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;

Z (xc; yc) jako środkiem obrotu i zastąpieniem wszystkich evt.screenX / Y współrzędnymi myszy wewnątrz mojego SVG.