問題タブ [bodymovin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1712 参照

javascript - Bodymovin JS によるマウスオーバー イベント

After Effects からエクスポートされた SVG にマウスオーバー イベントを追加しようとしています。で SVG を再生したいと思いmouseoverます。これまでのところ、animation-play-state属性をいじってみましたが、うまくいきませんでした。また、スクリプトで使用onmouseoverしてみましたが、イベントリスナーを追加しようとしましたmouseoverが、まだ何もありません。私は何を間違っていますか?

0 投票する
2 に答える
1402 参照

javascript - マウスを離すとアニメーション JS を逆再生します。

うまく機能するコードがあります。私が気に入らないのは、マウスを離すとアニメーションが急激に停止することです。それはよくありません。私はいくつかのアイデアを得ました:

  1. その「停止」をよりスムーズでユーザーフレンドリーにするにはどうすればよいですか?
  2. マウスリーブ後に「リバースプレイ」を行うにはどうすればよいですか? (マウスを離した後、ブレークダウン ポイントから逆方向のアニメーションを再生)

    /li>
0 投票する
2 に答える
9843 参照

javascript - bodymovin.js でイベントを使用する方法

これは答えるのが非常に簡単な質問だと思うので、私の無知を前もってお詫びしますが、行き詰まっています。

bodymovin を使用して、Web サイトで SVG アニメーションを再生しています。onComplete イベントを使用して、アニメーションの完了時に関数をトリガーしたいのですが、コーディング方法がわかりません。

私はもう試した

Bodymovin ドキュメント - https://github.com/bodymovin/bodymovin#events

0 投票する
3 に答える
767 参照

javascript - bodymovin アニメーションが完了したかどうかを確認する方法は?

アニメーションが完了したら、アニメーションを破棄してほしい。試しaddEventListenerてみましたがうまくいきませんでした。