Ich habe gerade mit D3.js begonnen und möchte etwas erstellen, wie wir es in Paint tun, um eine Linie zu zeichnen. Die Schritte sollten die gleichen sein: - Klicken Sie auf einen Punkt auf dem Bildschirm - Ziehen Sie zum Ziel, um eine Linie zu erstellen.
Was ich jetzt Probleme habe ist, wenn Sie Ihre Maus zum Ziel ziehen, sollte sich die Linie entsprechend Ihrer Maus bewegen. Wie kann ich das tun?
Danke.
Hier ist ein einfaches Beispiel. Siehe auch Live-Version .
%Vor% Ich denke, der Teil, nach dem Sie suchen, befindet sich im Ereignishandler mousemove , wo wir die aktuelle Zeile auswählen und den Zielpunkt basierend auf der aktuellen Mausposition anpassen. Beachten Sie, dass wir nur mousemove in mousedown aktivieren, um überflüssige Verarbeitung zu vermeiden.
Tags und Links svg d3.js jquery-svg svg-animate