Jak korzystać z Raphaela .animateWith ()

Czy ktoś użył.animateWith() w Raphael, aby zsynchronizować szybkie animacje? Jest słabo udokumentowany. Twórca biblioteki mademonstracja wideo ale nie mogę znaleźć kodu.

Mam metronom JavaScript, który składa się z linii (ramienia metronomu) i trapezoidalnego „ciężaru”, który w końcu przesunie się w górę iw dół, aby oznaczyć tempo. Mam skrzypce do pracytutaj, a linie, o których mowa, to:

        var ticktock = Raphael.animation({
            "50%": { transform:"R20 " + x + "," + y, easing: "sinoid", callback: function() { tick(this, repeats, done); }},
            "100%": { transform:"R-20 " + x + "," + y, easing: "sinoid", callback: function() { tick(this, repeats, done); }}
        }, interval).repeat(repeats / 2);
        arm.animate(ticktock);
        weight.animateWith(arm, ticktock, ticktock);    

Jeśli sprawdzasz skrzypce i nadajesz im wysokie tempo i około 20 kleszczy, powinieneś zobaczyć opóźnienie wagi za ramieniem. (Proszę spróbować kilka razy, jeśli nie - Prawo Murphy'ego itp.). Myślałem, że to jest dokładnie to, czego zapobiegał AnimatedWith (). Może używam go nieprawidłowo.

Jeśli spojrzysz naŹródło Rafaela dla funkcji .animateWith () widać, że synchronizuje parametr .start każdej animacji, FWIW.

questionAnswers(1)

yourAnswerToTheQuestion