Ich möchte die Koordinaten eines Mausklicks auf einem rechteckigen Svg erhalten. Ich versuche, die Mausklick-Koordinaten auf die Konsole zu drucken.
Ich kann pageX und pageY verwenden, um die Koordinaten zu erhalten, aber das ist von der ganzen Seite. Ich brauche nur die Koordinaten in der Svg.
Ich verwende d3.v3.min.js
Also habe ich es versucht:
%Vor%Ich bekomme den Fehler:
Uncaught TypeError: Kann die Eigenschaft 'sourceEvent' von null nicht lesen
Ich habe es auch versucht:
%Vor%Ich bekomme den gleichen Fehler.
Wenn ich mit d3.svg.mouse(this) versuche, bekomme ich einen Fehler:
Uncaught TypeError: undefined ist keine Funktion
Wie kann ich die Klick-Koordinaten in der Svg bekommen und warum funktionieren diese d3.mouse() -Funktionen nicht?
Das Problem mit Ihrem Code ist, dass Sie die jQuery-Ereignisbehandlung anstelle der D3-Ereignisbehandlung verwenden. Sie möchten etwas wie das Folgende:
%Vor%Tags und Links javascript jquery svg d3.js