以下に示すようなパス上の要素の翻訳をアニメーション化する必要があります。
現在、 De CasteljaurequestAnimationFrame曲線上の位置を計算し、インライン CSS を介して要素の位置を設定するコールバックを使用しています。
これは機能しますが、CSS アニメーションと比較するとパフォーマンスが低下し、非常に冗長になります。translate3d()
Web アニメーションは、目的地が実行時にしかわからない場合に要素をアニメーション化するための優れた新しいオプションのように思えますが、開始点と終了点の間でアニメーションを変更するものは何も見つかりません。
を使用して上記を実行することは可能ですelement.animate()か、それとも CSS アニメーションよりもカスタマイズ可能ですか?