Hat jemand .animateWith() in Raphael benutzt, um schnelle Animationen synchron zu halten? Es ist schlecht dokumentiert. Der Ersteller der Bibliothek hat eine Videodemonstration , aber keinen Code, den ich finden kann.
Ich habe ein Javascript-Metronom, das aus einer Linie (dem Arm des Metronoms) und einem trapezförmigen "Gewicht" besteht, das sich schließlich nach oben und unten bewegt, um das Tempo zu bezeichnen. Ich habe eine funktionierende Geige hier , und die fraglichen Zeilen sind:
%Vor%Wenn du dir die Geige ansiehst und ihr ein hohes Tempo und etwa 20 Ticks gibst, solltest du das Gewicht hinter dem Arm liegen sehen. (Bitte versuchen Sie es ein paar Mal, wenn nicht - Murphys Gesetz etc.) Ich dachte, das ist genau das, was animateWith () verhindert. Vielleicht benutze ich es falsch.
Wenn Sie sich die Raphael-Quelle für .animateWith () ansehen Funktion, Sie sehen, dass es synchronisiert den Startparameter jeder Animation, FWIW.
Aus der Raphael-Dokumentation :
Parameter :
Element - [Objekt] -Element zum Synchronisieren mit
anim - [Objekt] Animation zum Synchronisieren mit
Animation - [Objekt] Animationsobjekt, siehe Raphael.animation
Also ich denke, Ihr Code muss nur die Animation trennen und diese in den zweiten Parameter für .animateWith() :
Der animation Teil ist nur:
%Vor%So können Sie das tun:
%Vor%Siehe Geige: Ссылка
Fyi, ich habe die Callback-Funktion nach außen verschoben, anstatt anonyme Funktionen zu verwenden.
Tags und Links javascript animation raphael