Nie pracowałem wcześniej z PhantomJS, ale chcę go użyć do renderowania niektórych niestandardowych animowanych sekwencji CSS3 do zbiorów plików PNG po stronie serwera, aby połączyć je w jeden plik wideo. Wygląda na to, że PhantomJS ma opcję renderowania bieżącego stanu strony do obrazu. Następnie znalazłem-webkit-animation-play-state mam nadzieję, że pomoże mi wstrzymać animację, renderować stronę, a następnie przejść do następnej klatki i zrobić to wszystko ponownie.

Może powinienem zrobić te animacje z czystym JS, aby móc lepiej kontrolować wszystkie stany pauzy / odtwarzania? Myślę, że mogę na przykład przesunąć prostokąt o 1 piksel, a następnie renderować obraz, a następnie przenieść go ponownie, następnie renderować i tak dalej. Chociaż animacja CSS3 jest znacznie czystsza w obsłudze.

Proszę doradzić, w jaki sposób mogę lepiej rozwiązać to zadanie w najlepszy sposób, a przynajmniej coś, co mogę zacząć. Dzięki!