これまで PhantomJS を使用したことはありませんでしたが、それを使用してカスタムメイドの CSS3 アニメーション シーケンスをサーバー側の一連の PNG ファイルにレンダリングし、次にそれらを 1 つのビデオ ファイルに結合したいと考えています。PhantomJS には、現在のページの状態を画像にレンダリングするオプションがあるようです。次に、-webkit-animation-play-state
アニメーションを一時停止し、ページをレンダリングしてから、次のフレームに移動して、すべてをやり直すのに役立つことを願っています。
すべての一時停止/再生状態をより適切に制御できるように、純粋な JS でこれらのアニメーションを実行する必要がありますか? たとえば、長方形を1px移動してから画像をレンダリングし、もう一度移動してからレンダリングすることができると思います。ただし、CSS3 のアニメーション化は、操作するのにはるかにクリーンです。
このタスクを最善の方法で解決する方法、または少なくとも私が開始できる方法を教えてください。ありがとう!