10

私は Om でアニメーションを作成する方法を探していましたが、RaphaelJs コンポーネントを作成して中程度の成功を収めました。必要なアニメーションが得られますが、何らかの理由で Om が SVG 要素の複数のインスタンスをレンダリングします。

ここに画像の説明を入力

Om github フォルダーのアニメーションの例を見ると、アニメーション化する値を変更するために使用setIntervalされますが、これは理想的とは言えません。

私は CSSTransitionGroup アドオンを認識していますが、CSS で定義されたプリセット アニメーション間でしか切り替えることができないようです。それを使用してアニメーションを動的に定義できる場合は、お気軽に修正してください。

簡単なアニメーションを実行する良い例はありますか? 単純な形状を平行移動または回転させるだけで、そこからどのように取り組み始めるかのアイデアが得られます。

4

2 に答える 2

2

https://github.com/chenglou/react-tween-stateまたはhttps://github.com/chenglou/react-state-streamの ClojureScript ポートを調べてみませんか?

TransitionGroup は、一部のライフサイクル イベントにフックするためのヘルパーを提供するだけです。理論的には、アニメーションとは何の関係もありません。実際のアニメーション API が必要な場合は、上で作成した 2 つのものを見てください。readme は、残りの部分について十分な情報を提供する必要があります。

于 2015-02-19T16:52:30.450 に答える